diff --git a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.test.tsx b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.test.tsx
index 72ae8fc9b..45cb842fb 100644
--- a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.test.tsx
+++ b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.test.tsx
@@ -383,8 +383,8 @@ describe("Documents tab (noSql API)", () => {
       wrapper.unmount();
     });
 
-    it("should render the Edit Filter button", () => {
-      expect(wrapper.findWhere((node) => node.text() === "Edit Filter").exists()).toBeTruthy();
+    it("should render the page", () => {
+      expect(wrapper).toMatchSnapshot();
     });
 
     it("clicking on Edit filter should render the Apply Filter button", () => {
diff --git a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.test.tsx b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.test.tsx
index 74e9f1500..e20084648 100644
--- a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.test.tsx
+++ b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.test.tsx
@@ -1,5 +1,5 @@
 import { TableRowId } from "@fluentui/react-components";
-import { ReactWrapper, mount } from "enzyme";
+import { mount } from "enzyme";
 import React from "react";
 import { DocumentsTableComponent, IDocumentsTableComponentProps } from "./DocumentsTableComponent";
 
@@ -26,47 +26,9 @@ describe("DocumentsTableComponent", () => {
     },
   });
 
-  describe("when rendered", () => {
-    let wrapper: ReactWrapper;
-    beforeEach(() => {
-      const props: IDocumentsTableComponentProps = createMockProps();
-      wrapper = mount(<DocumentsTableComponent {...props} />);
-    });
-
-    afterEach(() => {
-      wrapper.unmount();
-    });
-
-    it("should show id and partition key(s) in header", () => {
-      expect(
-        wrapper
-          .find(".fui-TableHeader")
-          .findWhere((node) => node.text() === ID_HEADER)
-          .exists(),
-      ).toBeTruthy();
-      expect(
-        wrapper
-          .find(".fui-TableHeader")
-          .findWhere((node) => node.text() === PARTITION_KEY_HEADER)
-          .exists(),
-      ).toBeTruthy();
-    });
-
-    it("should show documents", () => {
-      const rows = wrapper.find(".fui-TableBody .fui-TableRow");
-      expect(rows.length).toBe(3);
-      expect(
-        rows
-          .at(1)
-          .findWhere((node) => node.text() === "2")
-          .exists(),
-      ).toBeTruthy();
-      expect(
-        rows
-          .at(1)
-          .findWhere((node) => node.text() === "pk2")
-          .exists(),
-      ).toBeTruthy();
-    });
+  it("should render documents and partition keys in header", () => {
+    const props: IDocumentsTableComponentProps = createMockProps();
+    const wrapper = mount(<DocumentsTableComponent {...props} />);
+    expect(wrapper).toMatchSnapshot();
   });
 });
diff --git a/src/Explorer/Tabs/DocumentsTabV2/__snapshots__/DocumentsTabV2.test.tsx.snap b/src/Explorer/Tabs/DocumentsTabV2/__snapshots__/DocumentsTabV2.test.tsx.snap
new file mode 100644
index 000000000..0b4c7578e
--- /dev/null
+++ b/src/Explorer/Tabs/DocumentsTabV2/__snapshots__/DocumentsTabV2.test.tsx.snap
@@ -0,0 +1,558 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
+<FluentProvider
+  style={
+    Object {
+      "height": "100%",
+    }
+  }
+  theme={
+    Object {
+      "borderRadiusCircular": "10000px",
+      "borderRadiusLarge": "6px",
+      "borderRadiusMedium": "4px",
+      "borderRadiusNone": "0",
+      "borderRadiusSmall": "2px",
+      "borderRadiusXLarge": "8px",
+      "colorBackgroundOverlay": "rgba(0, 0, 0, 0.4)",
+      "colorBrandBackground": "#117865",
+      "colorBrandBackground2": "#e3f7ef",
+      "colorBrandBackground2Hover": "#c0ecdd",
+      "colorBrandBackground2Pressed": "#78d3b9",
+      "colorBrandBackgroundHover": "#0c695a",
+      "colorBrandBackgroundInverted": "#ffffff",
+      "colorBrandBackgroundInvertedHover": "#e3f7ef",
+      "colorBrandBackgroundInvertedPressed": "#9ee0cb",
+      "colorBrandBackgroundInvertedSelected": "#c0ecdd",
+      "colorBrandBackgroundPressed": "#033f38",
+      "colorBrandBackgroundSelected": "#0a5c50",
+      "colorBrandBackgroundStatic": "#117865",
+      "colorBrandForeground1": "#117865",
+      "colorBrandForeground2": "#0c695a",
+      "colorBrandForeground2Hover": "#0a5c50",
+      "colorBrandForeground2Pressed": "#01322E",
+      "colorBrandForegroundInverted": "#2aaC94",
+      "colorBrandForegroundInvertedHover": "#3abb9f",
+      "colorBrandForegroundInvertedPressed": "#2aaC94",
+      "colorBrandForegroundLink": "#0c695a",
+      "colorBrandForegroundLinkHover": "#0a5c50",
+      "colorBrandForegroundLinkPressed": "#033f38",
+      "colorBrandForegroundLinkSelected": "#0c695a",
+      "colorBrandForegroundOnLight": "#117865",
+      "colorBrandForegroundOnLightHover": "#0c695a",
+      "colorBrandForegroundOnLightPressed": "#054d43",
+      "colorBrandForegroundOnLightSelected": "#0a5c50",
+      "colorBrandShadowAmbient": "rgba(0,0,0,0.30)",
+      "colorBrandShadowKey": "rgba(0,0,0,0.25)",
+      "colorBrandStroke1": "#117865",
+      "colorBrandStroke2": "#9ee0cb",
+      "colorBrandStroke2Contrast": "#9ee0cb",
+      "colorBrandStroke2Hover": "#52c7aa",
+      "colorBrandStroke2Pressed": "#117865",
+      "colorCompoundBrandBackground": "#117865",
+      "colorCompoundBrandBackgroundHover": "#0c695a",
+      "colorCompoundBrandBackgroundPressed": "#0a5c50",
+      "colorCompoundBrandForeground1": "#117865",
+      "colorCompoundBrandForeground1Hover": "#0c695a",
+      "colorCompoundBrandForeground1Pressed": "#0a5c50",
+      "colorCompoundBrandStroke": "#117865",
+      "colorCompoundBrandStrokeHover": "#0c695a",
+      "colorCompoundBrandStrokePressed": "#0a5c50",
+      "colorNeutralBackground1": "#ffffff",
+      "colorNeutralBackground1Hover": "#f5f5f5",
+      "colorNeutralBackground1Pressed": "#e0e0e0",
+      "colorNeutralBackground1Selected": "#ebebeb",
+      "colorNeutralBackground2": "#fafafa",
+      "colorNeutralBackground2Hover": "#f0f0f0",
+      "colorNeutralBackground2Pressed": "#dbdbdb",
+      "colorNeutralBackground2Selected": "#e6e6e6",
+      "colorNeutralBackground3": "#f5f5f5",
+      "colorNeutralBackground3Hover": "#ebebeb",
+      "colorNeutralBackground3Pressed": "#d6d6d6",
+      "colorNeutralBackground3Selected": "#e0e0e0",
+      "colorNeutralBackground4": "#f0f0f0",
+      "colorNeutralBackground4Hover": "#fafafa",
+      "colorNeutralBackground4Pressed": "#f5f5f5",
+      "colorNeutralBackground4Selected": "#ffffff",
+      "colorNeutralBackground5": "#ebebeb",
+      "colorNeutralBackground5Hover": "#f5f5f5",
+      "colorNeutralBackground5Pressed": "#f0f0f0",
+      "colorNeutralBackground5Selected": "#fafafa",
+      "colorNeutralBackground6": "#e6e6e6",
+      "colorNeutralBackgroundAlpha": "rgba(255, 255, 255, 0.5)",
+      "colorNeutralBackgroundAlpha2": "rgba(255, 255, 255, 0.8)",
+      "colorNeutralBackgroundDisabled": "#f0f0f0",
+      "colorNeutralBackgroundInverted": "#292929",
+      "colorNeutralBackgroundInvertedDisabled": "rgba(255, 255, 255, 0.1)",
+      "colorNeutralBackgroundStatic": "#333333",
+      "colorNeutralForeground1": "#242424",
+      "colorNeutralForeground1Hover": "#242424",
+      "colorNeutralForeground1Pressed": "#242424",
+      "colorNeutralForeground1Selected": "#242424",
+      "colorNeutralForeground1Static": "#242424",
+      "colorNeutralForeground2": "#424242",
+      "colorNeutralForeground2BrandHover": "#117865",
+      "colorNeutralForeground2BrandPressed": "#0c695a",
+      "colorNeutralForeground2BrandSelected": "#117865",
+      "colorNeutralForeground2Hover": "#242424",
+      "colorNeutralForeground2Link": "#424242",
+      "colorNeutralForeground2LinkHover": "#242424",
+      "colorNeutralForeground2LinkPressed": "#242424",
+      "colorNeutralForeground2LinkSelected": "#242424",
+      "colorNeutralForeground2Pressed": "#242424",
+      "colorNeutralForeground2Selected": "#242424",
+      "colorNeutralForeground3": "#616161",
+      "colorNeutralForeground3BrandHover": "#117865",
+      "colorNeutralForeground3BrandPressed": "#0c695a",
+      "colorNeutralForeground3BrandSelected": "#117865",
+      "colorNeutralForeground3Hover": "#424242",
+      "colorNeutralForeground3Pressed": "#424242",
+      "colorNeutralForeground3Selected": "#424242",
+      "colorNeutralForeground4": "#707070",
+      "colorNeutralForegroundDisabled": "#bdbdbd",
+      "colorNeutralForegroundInverted": "#ffffff",
+      "colorNeutralForegroundInverted2": "#ffffff",
+      "colorNeutralForegroundInvertedDisabled": "rgba(255, 255, 255, 0.4)",
+      "colorNeutralForegroundInvertedHover": "#ffffff",
+      "colorNeutralForegroundInvertedLink": "#ffffff",
+      "colorNeutralForegroundInvertedLinkHover": "#ffffff",
+      "colorNeutralForegroundInvertedLinkPressed": "#ffffff",
+      "colorNeutralForegroundInvertedLinkSelected": "#ffffff",
+      "colorNeutralForegroundInvertedPressed": "#ffffff",
+      "colorNeutralForegroundInvertedSelected": "#ffffff",
+      "colorNeutralForegroundOnBrand": "#ffffff",
+      "colorNeutralForegroundStaticInverted": "#ffffff",
+      "colorNeutralShadowAmbient": "rgba(0,0,0,0.12)",
+      "colorNeutralShadowAmbientDarker": "rgba(0,0,0,0.20)",
+      "colorNeutralShadowAmbientLighter": "rgba(0,0,0,0.06)",
+      "colorNeutralShadowKey": "rgba(0,0,0,0.14)",
+      "colorNeutralShadowKeyDarker": "rgba(0,0,0,0.24)",
+      "colorNeutralShadowKeyLighter": "rgba(0,0,0,0.07)",
+      "colorNeutralStencil1": "#e6e6e6",
+      "colorNeutralStencil1Alpha": "rgba(0, 0, 0, 0.1)",
+      "colorNeutralStencil2": "#fafafa",
+      "colorNeutralStencil2Alpha": "rgba(0, 0, 0, 0.05)",
+      "colorNeutralStroke1": "#d1d1d1",
+      "colorNeutralStroke1Hover": "#c7c7c7",
+      "colorNeutralStroke1Pressed": "#b3b3b3",
+      "colorNeutralStroke1Selected": "#bdbdbd",
+      "colorNeutralStroke2": "#e0e0e0",
+      "colorNeutralStroke3": "#f0f0f0",
+      "colorNeutralStrokeAccessible": "#616161",
+      "colorNeutralStrokeAccessibleHover": "#575757",
+      "colorNeutralStrokeAccessiblePressed": "#4d4d4d",
+      "colorNeutralStrokeAccessibleSelected": "#117865",
+      "colorNeutralStrokeAlpha": "rgba(0, 0, 0, 0.05)",
+      "colorNeutralStrokeAlpha2": "rgba(255, 255, 255, 0.2)",
+      "colorNeutralStrokeDisabled": "#e0e0e0",
+      "colorNeutralStrokeInvertedDisabled": "rgba(255, 255, 255, 0.4)",
+      "colorNeutralStrokeOnBrand": "#ffffff",
+      "colorNeutralStrokeOnBrand2": "#ffffff",
+      "colorNeutralStrokeOnBrand2Hover": "#ffffff",
+      "colorNeutralStrokeOnBrand2Pressed": "#ffffff",
+      "colorNeutralStrokeOnBrand2Selected": "#ffffff",
+      "colorNeutralStrokeSubtle": "#e0e0e0",
+      "colorPaletteAnchorBackground2": "#bcc3c7",
+      "colorPaletteAnchorBorderActive": "#394146",
+      "colorPaletteAnchorForeground2": "#202427",
+      "colorPaletteBeigeBackground2": "#d7d4d4",
+      "colorPaletteBeigeBorderActive": "#7a7574",
+      "colorPaletteBeigeForeground2": "#444241",
+      "colorPaletteBerryBackground1": "#fdf5fc",
+      "colorPaletteBerryBackground2": "#edbbe7",
+      "colorPaletteBerryBackground3": "#c239b3",
+      "colorPaletteBerryBorder1": "#edbbe7",
+      "colorPaletteBerryBorder2": "#c239b3",
+      "colorPaletteBerryBorderActive": "#c239b3",
+      "colorPaletteBerryForeground1": "#af33a1",
+      "colorPaletteBerryForeground2": "#6d2064",
+      "colorPaletteBerryForeground3": "#c239b3",
+      "colorPaletteBlueBackground2": "#a9d3f2",
+      "colorPaletteBlueBorderActive": "#0078d4",
+      "colorPaletteBlueForeground2": "#004377",
+      "colorPaletteBrassBackground2": "#e0cea2",
+      "colorPaletteBrassBorderActive": "#986f0b",
+      "colorPaletteBrassForeground2": "#553e06",
+      "colorPaletteBrownBackground2": "#ddc3b0",
+      "colorPaletteBrownBorderActive": "#8e562e",
+      "colorPaletteBrownForeground2": "#50301a",
+      "colorPaletteCornflowerBackground2": "#c8d1fa",
+      "colorPaletteCornflowerBorderActive": "#4f6bed",
+      "colorPaletteCornflowerForeground2": "#2c3c85",
+      "colorPaletteCranberryBackground2": "#eeacb2",
+      "colorPaletteCranberryBorderActive": "#c50f1f",
+      "colorPaletteCranberryForeground2": "#6e0811",
+      "colorPaletteDarkGreenBackground2": "#9ad29a",
+      "colorPaletteDarkGreenBorderActive": "#0b6a0b",
+      "colorPaletteDarkGreenForeground2": "#063b06",
+      "colorPaletteDarkOrangeBackground1": "#fdf6f3",
+      "colorPaletteDarkOrangeBackground2": "#f4bfab",
+      "colorPaletteDarkOrangeBackground3": "#da3b01",
+      "colorPaletteDarkOrangeBorder1": "#f4bfab",
+      "colorPaletteDarkOrangeBorder2": "#da3b01",
+      "colorPaletteDarkOrangeBorderActive": "#da3b01",
+      "colorPaletteDarkOrangeForeground1": "#c43501",
+      "colorPaletteDarkOrangeForeground2": "#7a2101",
+      "colorPaletteDarkOrangeForeground3": "#da3b01",
+      "colorPaletteDarkRedBackground2": "#d69ca5",
+      "colorPaletteDarkRedBorderActive": "#750b1c",
+      "colorPaletteDarkRedForeground2": "#420610",
+      "colorPaletteForestBackground2": "#bdd99b",
+      "colorPaletteForestBorderActive": "#498205",
+      "colorPaletteForestForeground2": "#294903",
+      "colorPaletteGoldBackground2": "#ecdfa5",
+      "colorPaletteGoldBorderActive": "#c19c00",
+      "colorPaletteGoldForeground2": "#6c5700",
+      "colorPaletteGrapeBackground2": "#d9a7e0",
+      "colorPaletteGrapeBorderActive": "#881798",
+      "colorPaletteGrapeForeground2": "#4c0d55",
+      "colorPaletteGreenBackground1": "#f1faf1",
+      "colorPaletteGreenBackground2": "#9fd89f",
+      "colorPaletteGreenBackground3": "#107c10",
+      "colorPaletteGreenBorder1": "#9fd89f",
+      "colorPaletteGreenBorder2": "#107c10",
+      "colorPaletteGreenBorderActive": "#107c10",
+      "colorPaletteGreenForeground1": "#0e700e",
+      "colorPaletteGreenForeground2": "#094509",
+      "colorPaletteGreenForeground3": "#107c10",
+      "colorPaletteGreenForegroundInverted": "#359b35",
+      "colorPaletteLavenderBackground2": "#d2ccf8",
+      "colorPaletteLavenderBorderActive": "#7160e8",
+      "colorPaletteLavenderForeground2": "#3f3682",
+      "colorPaletteLightGreenBackground1": "#f2fbf2",
+      "colorPaletteLightGreenBackground2": "#a7e3a5",
+      "colorPaletteLightGreenBackground3": "#13a10e",
+      "colorPaletteLightGreenBorder1": "#a7e3a5",
+      "colorPaletteLightGreenBorder2": "#13a10e",
+      "colorPaletteLightGreenBorderActive": "#13a10e",
+      "colorPaletteLightGreenForeground1": "#11910d",
+      "colorPaletteLightGreenForeground2": "#0b5a08",
+      "colorPaletteLightGreenForeground3": "#13a10e",
+      "colorPaletteLightTealBackground2": "#a6e9ed",
+      "colorPaletteLightTealBorderActive": "#00b7c3",
+      "colorPaletteLightTealForeground2": "#00666d",
+      "colorPaletteLilacBackground2": "#e6bfed",
+      "colorPaletteLilacBorderActive": "#b146c2",
+      "colorPaletteLilacForeground2": "#63276d",
+      "colorPaletteMagentaBackground2": "#eca5d1",
+      "colorPaletteMagentaBorderActive": "#bf0077",
+      "colorPaletteMagentaForeground2": "#6b0043",
+      "colorPaletteMarigoldBackground1": "#fefbf4",
+      "colorPaletteMarigoldBackground2": "#f9e2ae",
+      "colorPaletteMarigoldBackground3": "#eaa300",
+      "colorPaletteMarigoldBorder1": "#f9e2ae",
+      "colorPaletteMarigoldBorder2": "#eaa300",
+      "colorPaletteMarigoldBorderActive": "#eaa300",
+      "colorPaletteMarigoldForeground1": "#d39300",
+      "colorPaletteMarigoldForeground2": "#835b00",
+      "colorPaletteMarigoldForeground3": "#eaa300",
+      "colorPaletteMinkBackground2": "#cecccb",
+      "colorPaletteMinkBorderActive": "#5d5a58",
+      "colorPaletteMinkForeground2": "#343231",
+      "colorPaletteNavyBackground2": "#a3b2e8",
+      "colorPaletteNavyBorderActive": "#0027b4",
+      "colorPaletteNavyForeground2": "#001665",
+      "colorPalettePeachBackground2": "#ffddb3",
+      "colorPalettePeachBorderActive": "#ff8c00",
+      "colorPalettePeachForeground2": "#8f4e00",
+      "colorPalettePinkBackground2": "#f7c0e3",
+      "colorPalettePinkBorderActive": "#e43ba6",
+      "colorPalettePinkForeground2": "#80215d",
+      "colorPalettePlatinumBackground2": "#cdd6d8",
+      "colorPalettePlatinumBorderActive": "#69797e",
+      "colorPalettePlatinumForeground2": "#3b4447",
+      "colorPalettePlumBackground2": "#d696c0",
+      "colorPalettePlumBorderActive": "#77004d",
+      "colorPalettePlumForeground2": "#43002b",
+      "colorPalettePumpkinBackground2": "#efc4ad",
+      "colorPalettePumpkinBorderActive": "#ca5010",
+      "colorPalettePumpkinForeground2": "#712d09",
+      "colorPalettePurpleBackground2": "#c6b1de",
+      "colorPalettePurpleBorderActive": "#5c2e91",
+      "colorPalettePurpleForeground2": "#341a51",
+      "colorPaletteRedBackground1": "#fdf6f6",
+      "colorPaletteRedBackground2": "#f1bbbc",
+      "colorPaletteRedBackground3": "#d13438",
+      "colorPaletteRedBorder1": "#f1bbbc",
+      "colorPaletteRedBorder2": "#d13438",
+      "colorPaletteRedBorderActive": "#d13438",
+      "colorPaletteRedForeground1": "#bc2f32",
+      "colorPaletteRedForeground2": "#751d1f",
+      "colorPaletteRedForeground3": "#d13438",
+      "colorPaletteRedForegroundInverted": "#dc5e62",
+      "colorPaletteRoyalBlueBackground2": "#9abfdc",
+      "colorPaletteRoyalBlueBorderActive": "#004e8c",
+      "colorPaletteRoyalBlueForeground2": "#002c4e",
+      "colorPaletteSeafoamBackground2": "#a8f0cd",
+      "colorPaletteSeafoamBorderActive": "#00cc6a",
+      "colorPaletteSeafoamForeground2": "#00723b",
+      "colorPaletteSteelBackground2": "#94c8d4",
+      "colorPaletteSteelBorderActive": "#005b70",
+      "colorPaletteSteelForeground2": "#00333f",
+      "colorPaletteTealBackground2": "#9bd9db",
+      "colorPaletteTealBorderActive": "#038387",
+      "colorPaletteTealForeground2": "#02494c",
+      "colorPaletteYellowBackground1": "#fffef5",
+      "colorPaletteYellowBackground2": "#fef7b2",
+      "colorPaletteYellowBackground3": "#fde300",
+      "colorPaletteYellowBorder1": "#fef7b2",
+      "colorPaletteYellowBorder2": "#fde300",
+      "colorPaletteYellowBorderActive": "#fde300",
+      "colorPaletteYellowForeground1": "#817400",
+      "colorPaletteYellowForeground2": "#817400",
+      "colorPaletteYellowForeground3": "#fde300",
+      "colorPaletteYellowForegroundInverted": "#fef7b2",
+      "colorScrollbarOverlay": "rgba(0, 0, 0, 0.5)",
+      "colorStatusDangerBackground1": "#fdf3f4",
+      "colorStatusDangerBackground2": "#eeacb2",
+      "colorStatusDangerBackground3": "#c50f1f",
+      "colorStatusDangerBorder1": "#eeacb2",
+      "colorStatusDangerBorder2": "#c50f1f",
+      "colorStatusDangerBorderActive": "#c50f1f",
+      "colorStatusDangerForeground1": "#b10e1c",
+      "colorStatusDangerForeground2": "#6e0811",
+      "colorStatusDangerForeground3": "#c50f1f",
+      "colorStatusDangerForegroundInverted": "#dc626d",
+      "colorStatusSuccessBackground1": "#f1faf1",
+      "colorStatusSuccessBackground2": "#9fd89f",
+      "colorStatusSuccessBackground3": "#107c10",
+      "colorStatusSuccessBorder1": "#9fd89f",
+      "colorStatusSuccessBorder2": "#107c10",
+      "colorStatusSuccessBorderActive": "#107c10",
+      "colorStatusSuccessForeground1": "#0e700e",
+      "colorStatusSuccessForeground2": "#094509",
+      "colorStatusSuccessForeground3": "#107c10",
+      "colorStatusSuccessForegroundInverted": "#54b054",
+      "colorStatusWarningBackground1": "#fff9f5",
+      "colorStatusWarningBackground2": "#fdcfb4",
+      "colorStatusWarningBackground3": "#f7630c",
+      "colorStatusWarningBorder1": "#fdcfb4",
+      "colorStatusWarningBorder2": "#bc4b09",
+      "colorStatusWarningBorderActive": "#f7630c",
+      "colorStatusWarningForeground1": "#bc4b09",
+      "colorStatusWarningForeground2": "#8a3707",
+      "colorStatusWarningForeground3": "#bc4b09",
+      "colorStatusWarningForegroundInverted": "#faa06b",
+      "colorStrokeFocus1": "#ffffff",
+      "colorStrokeFocus2": "#000000",
+      "colorSubtleBackground": "transparent",
+      "colorSubtleBackgroundHover": "#f5f5f5",
+      "colorSubtleBackgroundInverted": "transparent",
+      "colorSubtleBackgroundInvertedHover": "rgba(0, 0, 0, 0.1)",
+      "colorSubtleBackgroundInvertedPressed": "rgba(0, 0, 0, 0.3)",
+      "colorSubtleBackgroundInvertedSelected": "rgba(0, 0, 0, 0.2)",
+      "colorSubtleBackgroundLightAlphaHover": "rgba(255, 255, 255, 0.7)",
+      "colorSubtleBackgroundLightAlphaPressed": "rgba(255, 255, 255, 0.5)",
+      "colorSubtleBackgroundLightAlphaSelected": "transparent",
+      "colorSubtleBackgroundPressed": "#e0e0e0",
+      "colorSubtleBackgroundSelected": "#ebebeb",
+      "colorTransparentBackground": "transparent",
+      "colorTransparentBackgroundHover": "transparent",
+      "colorTransparentBackgroundPressed": "transparent",
+      "colorTransparentBackgroundSelected": "transparent",
+      "colorTransparentStroke": "transparent",
+      "colorTransparentStrokeDisabled": "transparent",
+      "colorTransparentStrokeInteractive": "transparent",
+      "curveAccelerateMax": "cubic-bezier(0.9,0.1,1,0.2)",
+      "curveAccelerateMid": "cubic-bezier(1,0,1,1)",
+      "curveAccelerateMin": "cubic-bezier(0.8,0,0.78,1)",
+      "curveDecelerateMax": "cubic-bezier(0.1,0.9,0.2,1)",
+      "curveDecelerateMid": "cubic-bezier(0,0,0,1)",
+      "curveDecelerateMin": "cubic-bezier(0.33,0,0.1,1)",
+      "curveEasyEase": "cubic-bezier(0.33,0,0.67,1)",
+      "curveEasyEaseMax": "cubic-bezier(0.8,0,0.2,1)",
+      "curveLinear": "cubic-bezier(0,0,1,1)",
+      "durationFast": "150ms",
+      "durationFaster": "100ms",
+      "durationGentle": "250ms",
+      "durationNormal": "200ms",
+      "durationSlow": "300ms",
+      "durationSlower": "400ms",
+      "durationUltraFast": "50ms",
+      "durationUltraSlow": "500ms",
+      "fontFamilyBase": "'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
+      "fontFamilyMonospace": "Consolas, 'Courier New', Courier, monospace",
+      "fontFamilyNumeric": "Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
+      "fontSizeBase100": "10px",
+      "fontSizeBase200": "12px",
+      "fontSizeBase300": "14px",
+      "fontSizeBase400": "16px",
+      "fontSizeBase500": "20px",
+      "fontSizeBase600": "24px",
+      "fontSizeHero1000": "68px",
+      "fontSizeHero700": "28px",
+      "fontSizeHero800": "32px",
+      "fontSizeHero900": "40px",
+      "fontWeightBold": 700,
+      "fontWeightMedium": 500,
+      "fontWeightRegular": 400,
+      "fontWeightSemibold": 600,
+      "lineHeightBase100": "14px",
+      "lineHeightBase200": "16px",
+      "lineHeightBase300": "20px",
+      "lineHeightBase400": "22px",
+      "lineHeightBase500": "28px",
+      "lineHeightBase600": "32px",
+      "lineHeightHero1000": "92px",
+      "lineHeightHero700": "36px",
+      "lineHeightHero800": "40px",
+      "lineHeightHero900": "52px",
+      "shadow16": "0 0 2px rgba(0,0,0,0.12), 0 8px 16px rgba(0,0,0,0.14)",
+      "shadow16Brand": "0 0 2px rgba(0,0,0,0.30), 0 8px 16px rgba(0,0,0,0.25)",
+      "shadow2": "0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14)",
+      "shadow28": "0 0 8px rgba(0,0,0,0.12), 0 14px 28px rgba(0,0,0,0.14)",
+      "shadow28Brand": "0 0 8px rgba(0,0,0,0.30), 0 14px 28px rgba(0,0,0,0.25)",
+      "shadow2Brand": "0 0 2px rgba(0,0,0,0.30), 0 1px 2px rgba(0,0,0,0.25)",
+      "shadow4": "0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.14)",
+      "shadow4Brand": "0 0 2px rgba(0,0,0,0.30), 0 2px 4px rgba(0,0,0,0.25)",
+      "shadow64": "0 0 8px rgba(0,0,0,0.12), 0 32px 64px rgba(0,0,0,0.14)",
+      "shadow64Brand": "0 0 8px rgba(0,0,0,0.30), 0 32px 64px rgba(0,0,0,0.25)",
+      "shadow8": "0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14)",
+      "shadow8Brand": "0 0 2px rgba(0,0,0,0.30), 0 4px 8px rgba(0,0,0,0.25)",
+      "spacingHorizontalL": "16px",
+      "spacingHorizontalM": "12px",
+      "spacingHorizontalMNudge": "10px",
+      "spacingHorizontalNone": "0",
+      "spacingHorizontalS": "8px",
+      "spacingHorizontalSNudge": "6px",
+      "spacingHorizontalXL": "20px",
+      "spacingHorizontalXS": "4px",
+      "spacingHorizontalXXL": "24px",
+      "spacingHorizontalXXS": "2px",
+      "spacingHorizontalXXXL": "32px",
+      "spacingVerticalL": "16px",
+      "spacingVerticalM": "12px",
+      "spacingVerticalMNudge": "10px",
+      "spacingVerticalNone": "0",
+      "spacingVerticalS": "8px",
+      "spacingVerticalSNudge": "6px",
+      "spacingVerticalXL": "20px",
+      "spacingVerticalXS": "4px",
+      "spacingVerticalXXL": "24px",
+      "spacingVerticalXXS": "2px",
+      "spacingVerticalXXXL": "32px",
+      "strokeWidthThick": "2px",
+      "strokeWidthThicker": "3px",
+      "strokeWidthThickest": "4px",
+      "strokeWidthThin": "1px",
+    }
+  }
+>
+  <div
+    className="tab-pane active documentsTab"
+    role="tabpanel"
+    style={
+      Object {
+        "display": "flex",
+      }
+    }
+  >
+    <div
+      className="filterdivs"
+    >
+      <div
+        className="filterDocCollapsed"
+      >
+        <span
+          className="selectQuery"
+        >
+          SELECT * FROM c
+        </span>
+        <span
+          className="appliedQuery"
+        />
+        <Button
+          appearance="primary"
+          onClick={[Function]}
+          style={
+            Object {
+              "marginLeft": 8,
+            }
+          }
+        >
+          Edit Filter
+        </Button>
+      </div>
+    </div>
+    <div
+      style={
+        Object {
+          "height": "100%",
+          "overflow": "hidden",
+        }
+      }
+    >
+      <Split
+        mode="horizontal"
+        prefixCls="w-split"
+        visiable={true}
+      >
+        <div
+          style={
+            Object {
+              "minWidth": 120,
+              "overflow": "hidden",
+              "position": "relative",
+              "width": "35%",
+            }
+          }
+        >
+          <Button
+            appearance="transparent"
+            aria-label="Refresh"
+            icon={<ArrowClockwise16Filled />}
+            onClick={[Function]}
+            onKeyDown={[Function]}
+            size="small"
+            style={
+              Object {
+                "backgroundColor": "white",
+                "color": undefined,
+                "float": "right",
+                "position": "absolute",
+                "right": 0,
+                "top": 6,
+                "zIndex": 1,
+              }
+            }
+          />
+          <div
+            style={
+              Object {
+                "height": "100%",
+                "width": "calc(100% - 50px)",
+              }
+            }
+          >
+            <DocumentsTableComponent
+              columnHeaders={
+                Object {
+                  "idHeader": "id",
+                  "partitionKeyHeaders": Array [],
+                }
+              }
+              items={Array []}
+              onItemClicked={[Function]}
+              onSelectedRowsChange={[Function]}
+              selectedRows={
+                Set {
+                  0,
+                }
+              }
+            />
+          </div>
+        </div>
+        <div
+          style={
+            Object {
+              "minWidth": "20%",
+              "width": "100%",
+            }
+          }
+        />
+      </Split>
+    </div>
+  </div>
+</FluentProvider>
+`;
diff --git a/src/Explorer/Tabs/DocumentsTabV2/__snapshots__/DocumentsTableComponent.test.tsx.snap b/src/Explorer/Tabs/DocumentsTabV2/__snapshots__/DocumentsTableComponent.test.tsx.snap
new file mode 100644
index 000000000..6e80eac9f
--- /dev/null
+++ b/src/Explorer/Tabs/DocumentsTabV2/__snapshots__/DocumentsTableComponent.test.tsx.snap
@@ -0,0 +1,1140 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DocumentsTableComponent should render documents and partition keys in header 1`] = `
+<DocumentsTableComponent
+  columnHeaders={
+    Object {
+      "idHeader": "id",
+      "partitionKeyHeaders": Array [
+        "partitionKey",
+      ],
+    }
+  }
+  items={
+    Array [
+      Object {
+        "id": "1",
+        "partitionKey": "pk1",
+      },
+      Object {
+        "id": "2",
+        "partitionKey": "pk2",
+      },
+      Object {
+        "id": "3",
+        "partitionKey": "pk3",
+      },
+    ]
+  }
+  onItemClicked={[Function]}
+  onSelectedRowsChange={[Function]}
+  selectedRows={Set {}}
+  size={
+    Object {
+      "height": 0,
+      "width": 0,
+    }
+  }
+>
+  <Table
+    aria-label="Filtered documents table"
+    className="documentsTable"
+    data-tabster="{\\"mover\\":{\\"cyclic\\":false,\\"direction\\":3}}"
+    noNativeElements={true}
+    role="grid"
+    size="extra-small"
+    style={
+      Object {
+        "minWidth": "fit-content",
+      }
+    }
+  >
+    <div
+      aria-label="Filtered documents table"
+      className="fui-Table documentsTable ___1kbqy50_18rlg51 fgkb47j fhovq9v ftgm304"
+      data-tabster="{\\"mover\\":{\\"cyclic\\":false,\\"direction\\":3}}"
+      role="grid"
+      style={
+        Object {
+          "minWidth": "fit-content",
+        }
+      }
+    >
+      <TableHeader
+        className="documentsTableHeader"
+      >
+        <div
+          className="fui-TableHeader documentsTableHeader ___oeyxrt0_1baslyg ftgm304"
+          role="rowgroup"
+        >
+          <TableRow
+            style={
+              Object {
+                "width": -15,
+              }
+            }
+          >
+            <div
+              className="fui-TableRow ___lntl370_1bdwmey f19n0e5 f1ewtqcl f1jazu75 f1xeqee6 fz36nt7 f9znhxp fqrak0z f1o2ludy f1kjnpwc fxmnebo f1witrsb fy9rknc f22iagw f122n59"
+              role="row"
+              style={
+                Object {
+                  "width": -15,
+                }
+              }
+            >
+              <TableSelectionCell
+                checkboxIndicator={
+                  Object {
+                    "aria-label": "Select all rows ",
+                  }
+                }
+                checked={false}
+                onClick={[Function]}
+                onKeyDown={[Function]}
+              >
+                <div
+                  className="fui-TableSelectionCell ___itc2100_zkyq7r0 f17mccla fz5stix f1g0x7ka fhxju0i f1qch9an f1cnd47f fz36nt7 f9znhxp fqrak0z f1o2ludy f1kjnpwc fxmnebo f1witrsb f22iagw fqerorx f1neuvcm fkjuxzh fvrlu0f f1c71y05 f4d9j23"
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="cell"
+                >
+                  <Checkbox
+                    aria-label="Select all rows "
+                    checked={false}
+                    className="fui-TableSelectionCell__checkboxIndicator"
+                  >
+                    <span
+                      className="fui-Checkbox r1qaeuiq fui-TableSelectionCell__checkboxIndicator ___1v6wcsu_941lme0 f3p8bqa fium13f f1r2dosr f1729es6"
+                    >
+                      <input
+                        aria-label="Select all rows "
+                        checked={false}
+                        className="fui-Checkbox__input ruo9svu ___qlal8r0_1xrlghj f1vgc2s3"
+                        id="checkbox-2"
+                        onChange={[Function]}
+                        type="checkbox"
+                      />
+                      <div
+                        aria-hidden={true}
+                        className="fui-Checkbox__indicator rl7ci6d"
+                      />
+                    </span>
+                  </Checkbox>
+                </div>
+              </TableSelectionCell>
+              <Menu
+                key="id"
+                openOnContext={true}
+              >
+                <ContextSelector.Provider
+                  value={
+                    Object {
+                      "checkedValues": Object {},
+                      "hasCheckmarks": false,
+                      "hasIcons": false,
+                      "inline": false,
+                      "isSubmenu": false,
+                      "menuPopoverRef": Object {
+                        "current": null,
+                      },
+                      "mountNode": null,
+                      "onCheckedValueChange": [Function],
+                      "open": false,
+                      "openOnContext": true,
+                      "openOnHover": false,
+                      "persistOnItemClick": false,
+                      "setOpen": [Function],
+                      "triggerId": "menu3",
+                      "triggerRef": Object {
+                        "current": <div
+                          class="fui-TableHeaderCell documentsTableCell ___19selgd_3kxzd70 figsok6 f1nbblvp f1vdfbxk f1ov4xf1 f1f5gg8d fhix6mv fha7anx f1fmzww4 fs9qmxf f187m4uq f145mzao f1uha7eq f10pi13n f22iagw fqerorx f1neuvcm fkjuxzh f10tiqix"
+                          data-tabster="{\\"restorer\\":{\\"type\\":1}}"
+                          id="menu3"
+                          role="columnheader"
+                          style="width: 50px; min-width: 50px; max-width: 50px;"
+                        >
+                          <div
+                            class="fui-TableHeaderCell__button ___hg3sc00_fmp4b50 fq6nmtn f1e4lqlz f1u2r49w f1ym3bx4 f1mo0ibp fjoy568 fytdu2e f1mtd64y f1y7q3j9 f1g0x7ka fhxju0i f1qch9an f1cnd47f f1ern45e f1n71otn f1h8hb77 f1deefiw fgusgyc f10pi13n fly5x3f f22iagw fqerorx f1l02sjl f122n59 f1ufnopg f14sijuj f1nxs5xn f1neuvcm fkjuxzh f1s6fcnf"
+                            role="presentation"
+                          >
+                            id
+                          </div>
+                          <span
+                            class="fui-TableHeaderCell__aside"
+                          >
+                            <div
+                              aria-hidden="true"
+                              aria-label="Resize column"
+                              aria-valuetext="50 pixels"
+                              class="fui-TableResizeHandle ___l1ulde0_1gn6xqj f1euv43f f1e31b4d f15twtuk f1yab3r1 fjw5fx7 f1hu3pq6 fn2i5td f19f4twv f1eybr6b fc3en1c fk73vx1 f13u1uyl fezquic f19g0ac f1tkae59 ftqa4ok f15pjodv ftgrb5f f2df6js fshsryb f11ef69 f12lb1dx fu4ulse fw2wsqs f1swzn7y"
+                              data-tabster="{\\"focusable\\":{\\"ignoreKeydown\\":{\\"ArrowLeft\\":true,\\"ArrowRight\\":true}}}"
+                              role="separator"
+                            />
+                          </span>
+                        </div>,
+                      },
+                    }
+                  }
+                >
+                  <MenuTrigger
+                    key=".0"
+                  >
+                    <TableHeaderCell
+                      aside={
+                        <TableResizeHandle
+                          aria-hidden={true}
+                          aria-label="Resize column"
+                          aria-valuetext="50 pixels"
+                          data-tabster="{\\"focusable\\":{\\"ignoreKeydown\\":{\\"ArrowLeft\\":true,\\"ArrowRight\\":true}}}"
+                          onBlur={[Function]}
+                          onKeyDown={[Function]}
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                          role="separator"
+                        />
+                      }
+                      className="documentsTableCell"
+                      data-tabster="{\\"restorer\\":{\\"type\\":1}}"
+                      id="menu3"
+                      key="id"
+                      onContextMenu={[Function]}
+                      onMouseEnter={[Function]}
+                      onMouseLeave={[Function]}
+                      onMouseMove={[Function]}
+                      style={
+                        Object {
+                          "maxWidth": 50,
+                          "minWidth": 50,
+                          "width": 50,
+                        }
+                      }
+                    >
+                      <div
+                        className="fui-TableHeaderCell documentsTableCell ___19selgd_3kxzd70 figsok6 f1nbblvp f1vdfbxk f1ov4xf1 f1f5gg8d fhix6mv fha7anx f1fmzww4 fs9qmxf f187m4uq f145mzao f1uha7eq f10pi13n f22iagw fqerorx f1neuvcm fkjuxzh f10tiqix"
+                        data-tabster="{\\"restorer\\":{\\"type\\":1}}"
+                        id="menu3"
+                        onContextMenu={[Function]}
+                        onMouseEnter={[Function]}
+                        onMouseLeave={[Function]}
+                        onMouseMove={[Function]}
+                        role="columnheader"
+                        style={
+                          Object {
+                            "maxWidth": 50,
+                            "minWidth": 50,
+                            "width": 50,
+                          }
+                        }
+                      >
+                        <div
+                          className="fui-TableHeaderCell__button ___hg3sc00_fmp4b50 fq6nmtn f1e4lqlz f1u2r49w f1ym3bx4 f1mo0ibp fjoy568 fytdu2e f1mtd64y f1y7q3j9 f1g0x7ka fhxju0i f1qch9an f1cnd47f f1ern45e f1n71otn f1h8hb77 f1deefiw fgusgyc f10pi13n fly5x3f f22iagw fqerorx f1l02sjl f122n59 f1ufnopg f14sijuj f1nxs5xn f1neuvcm fkjuxzh f1s6fcnf"
+                          onClick={[Function]}
+                          onKeyDown={[Function]}
+                          onKeyUp={[Function]}
+                          role="presentation"
+                        >
+                          id
+                        </div>
+                        <span
+                          className="fui-TableHeaderCell__aside"
+                        >
+                          <TableResizeHandle
+                            aria-hidden={true}
+                            aria-label="Resize column"
+                            aria-valuetext="50 pixels"
+                            data-tabster="{\\"focusable\\":{\\"ignoreKeydown\\":{\\"ArrowLeft\\":true,\\"ArrowRight\\":true}}}"
+                            onBlur={[Function]}
+                            onKeyDown={[Function]}
+                            onMouseDown={[Function]}
+                            onTouchStart={[Function]}
+                            role="separator"
+                          >
+                            <div
+                              aria-hidden={true}
+                              aria-label="Resize column"
+                              aria-valuetext="50 pixels"
+                              className="fui-TableResizeHandle ___l1ulde0_1gn6xqj f1euv43f f1e31b4d f15twtuk f1yab3r1 fjw5fx7 f1hu3pq6 fn2i5td f19f4twv f1eybr6b fc3en1c fk73vx1 f13u1uyl fezquic f19g0ac f1tkae59 ftqa4ok f15pjodv ftgrb5f f2df6js fshsryb f11ef69 f12lb1dx fu4ulse fw2wsqs f1swzn7y"
+                              data-tabster="{\\"focusable\\":{\\"ignoreKeydown\\":{\\"ArrowLeft\\":true,\\"ArrowRight\\":true}}}"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onKeyDown={[Function]}
+                              onMouseDown={[Function]}
+                              onTouchStart={[Function]}
+                              role="separator"
+                            />
+                          </TableResizeHandle>
+                        </span>
+                      </div>
+                    </TableHeaderCell>
+                  </MenuTrigger>
+                </ContextSelector.Provider>
+              </Menu>
+              <Menu
+                key="partitionKey"
+                openOnContext={true}
+              >
+                <ContextSelector.Provider
+                  value={
+                    Object {
+                      "checkedValues": Object {},
+                      "hasCheckmarks": false,
+                      "hasIcons": false,
+                      "inline": false,
+                      "isSubmenu": false,
+                      "menuPopoverRef": Object {
+                        "current": null,
+                      },
+                      "mountNode": null,
+                      "onCheckedValueChange": [Function],
+                      "open": false,
+                      "openOnContext": true,
+                      "openOnHover": false,
+                      "persistOnItemClick": false,
+                      "setOpen": [Function],
+                      "triggerId": "menu4",
+                      "triggerRef": Object {
+                        "current": <div
+                          class="fui-TableHeaderCell documentsTableCell ___19selgd_3kxzd70 figsok6 f1nbblvp f1vdfbxk f1ov4xf1 f1f5gg8d fhix6mv fha7anx f1fmzww4 fs9qmxf f187m4uq f145mzao f1uha7eq f10pi13n f22iagw fqerorx f1neuvcm fkjuxzh f10tiqix"
+                          data-tabster="{\\"restorer\\":{\\"type\\":1}}"
+                          id="menu4"
+                          role="columnheader"
+                          style="width: 50px; min-width: 50px; max-width: 50px;"
+                        >
+                          <div
+                            class="fui-TableHeaderCell__button ___hg3sc00_fmp4b50 fq6nmtn f1e4lqlz f1u2r49w f1ym3bx4 f1mo0ibp fjoy568 fytdu2e f1mtd64y f1y7q3j9 f1g0x7ka fhxju0i f1qch9an f1cnd47f f1ern45e f1n71otn f1h8hb77 f1deefiw fgusgyc f10pi13n fly5x3f f22iagw fqerorx f1l02sjl f122n59 f1ufnopg f14sijuj f1nxs5xn f1neuvcm fkjuxzh f1s6fcnf"
+                            role="presentation"
+                          >
+                            <span
+                              title="partitionKey"
+                            >
+                              partitionKey
+                            </span>
+                          </div>
+                        </div>,
+                      },
+                    }
+                  }
+                >
+                  <MenuTrigger
+                    key=".0"
+                  >
+                    <TableHeaderCell
+                      aside={null}
+                      className="documentsTableCell"
+                      data-tabster="{\\"restorer\\":{\\"type\\":1}}"
+                      id="menu4"
+                      key="partitionKey"
+                      onContextMenu={[Function]}
+                      onMouseEnter={[Function]}
+                      onMouseLeave={[Function]}
+                      onMouseMove={[Function]}
+                      style={
+                        Object {
+                          "maxWidth": 50,
+                          "minWidth": 50,
+                          "width": 50,
+                        }
+                      }
+                    >
+                      <div
+                        className="fui-TableHeaderCell documentsTableCell ___19selgd_3kxzd70 figsok6 f1nbblvp f1vdfbxk f1ov4xf1 f1f5gg8d fhix6mv fha7anx f1fmzww4 fs9qmxf f187m4uq f145mzao f1uha7eq f10pi13n f22iagw fqerorx f1neuvcm fkjuxzh f10tiqix"
+                        data-tabster="{\\"restorer\\":{\\"type\\":1}}"
+                        id="menu4"
+                        onContextMenu={[Function]}
+                        onMouseEnter={[Function]}
+                        onMouseLeave={[Function]}
+                        onMouseMove={[Function]}
+                        role="columnheader"
+                        style={
+                          Object {
+                            "maxWidth": 50,
+                            "minWidth": 50,
+                            "width": 50,
+                          }
+                        }
+                      >
+                        <div
+                          className="fui-TableHeaderCell__button ___hg3sc00_fmp4b50 fq6nmtn f1e4lqlz f1u2r49w f1ym3bx4 f1mo0ibp fjoy568 fytdu2e f1mtd64y f1y7q3j9 f1g0x7ka fhxju0i f1qch9an f1cnd47f f1ern45e f1n71otn f1h8hb77 f1deefiw fgusgyc f10pi13n fly5x3f f22iagw fqerorx f1l02sjl f122n59 f1ufnopg f14sijuj f1nxs5xn f1neuvcm fkjuxzh f1s6fcnf"
+                          onClick={[Function]}
+                          onKeyDown={[Function]}
+                          onKeyUp={[Function]}
+                          role="presentation"
+                        >
+                          <span
+                            title="partitionKey"
+                          >
+                            partitionKey
+                          </span>
+                        </div>
+                      </div>
+                    </TableHeaderCell>
+                  </MenuTrigger>
+                </ContextSelector.Provider>
+              </Menu>
+            </div>
+          </TableRow>
+        </div>
+      </TableHeader>
+      <TableBody>
+        <div
+          className="fui-TableBody ___oeyxrt0_1baslyg ftgm304"
+          role="rowgroup"
+        >
+          <List
+            direction="ltr"
+            height={-53}
+            itemCount={3}
+            itemData={
+              Array [
+                Object {
+                  "appearance": "none",
+                  "item": Object {
+                    "id": "1",
+                    "partitionKey": "pk1",
+                  },
+                  "onClick": [Function],
+                  "onKeyDown": [Function],
+                  "rowId": 0,
+                  "selected": false,
+                },
+                Object {
+                  "appearance": "none",
+                  "item": Object {
+                    "id": "2",
+                    "partitionKey": "pk2",
+                  },
+                  "onClick": [Function],
+                  "onKeyDown": [Function],
+                  "rowId": 1,
+                  "selected": false,
+                },
+                Object {
+                  "appearance": "none",
+                  "item": Object {
+                    "id": "3",
+                    "partitionKey": "pk3",
+                  },
+                  "onClick": [Function],
+                  "onKeyDown": [Function],
+                  "rowId": 2,
+                  "selected": false,
+                },
+              ]
+            }
+            itemSize={30}
+            layout="vertical"
+            overscanCount={2}
+            style={
+              Object {
+                "overflowY": "scroll",
+              }
+            }
+            useIsScrolling={false}
+            width={0}
+          >
+            <div
+              onScroll={[Function]}
+              style={
+                Object {
+                  "WebkitOverflowScrolling": "touch",
+                  "direction": "ltr",
+                  "height": -53,
+                  "overflow": "auto",
+                  "overflowY": "scroll",
+                  "position": "relative",
+                  "width": 0,
+                  "willChange": "transform",
+                }
+              }
+            >
+              <div
+                style={
+                  Object {
+                    "height": 90,
+                    "pointerEvents": undefined,
+                    "width": "100%",
+                  }
+                }
+              >
+                <RenderRow
+                  data={
+                    Array [
+                      Object {
+                        "appearance": "none",
+                        "item": Object {
+                          "id": "1",
+                          "partitionKey": "pk1",
+                        },
+                        "onClick": [Function],
+                        "onKeyDown": [Function],
+                        "rowId": 0,
+                        "selected": false,
+                      },
+                      Object {
+                        "appearance": "none",
+                        "item": Object {
+                          "id": "2",
+                          "partitionKey": "pk2",
+                        },
+                        "onClick": [Function],
+                        "onKeyDown": [Function],
+                        "rowId": 1,
+                        "selected": false,
+                      },
+                      Object {
+                        "appearance": "none",
+                        "item": Object {
+                          "id": "3",
+                          "partitionKey": "pk3",
+                        },
+                        "onClick": [Function],
+                        "onKeyDown": [Function],
+                        "rowId": 2,
+                        "selected": false,
+                      },
+                    ]
+                  }
+                  index={0}
+                  key="0"
+                  style={
+                    Object {
+                      "height": 30,
+                      "left": 0,
+                      "position": "absolute",
+                      "right": undefined,
+                      "top": 0,
+                      "width": "100%",
+                    }
+                  }
+                >
+                  <TableRow
+                    appearance="none"
+                    aria-rowindex={2}
+                    aria-selected={false}
+                    key="1"
+                    style={
+                      Object {
+                        "height": 30,
+                        "left": 0,
+                        "position": "absolute",
+                        "right": undefined,
+                        "top": 0,
+                        "width": "100%",
+                      }
+                    }
+                  >
+                    <div
+                      aria-rowindex={2}
+                      aria-selected={false}
+                      className="fui-TableRow ___1iajlcl_snm7au0 f19n0e5 f1ewtqcl f1jazu75 f1xeqee6 fz36nt7 f9znhxp fqrak0z f1o2ludy f1kjnpwc fxmnebo f1witrsb f1wfn5kd f1g4hkjv f15ngxrw fjbbrdp f1t94bn6 feu1g3u f1uorfem fw60kww fy9rknc f22iagw f122n59"
+                      role="row"
+                      style={
+                        Object {
+                          "height": 30,
+                          "left": 0,
+                          "position": "absolute",
+                          "right": undefined,
+                          "top": 0,
+                          "width": "100%",
+                        }
+                      }
+                    >
+                      <TableSelectionCell
+                        checkboxIndicator={
+                          Object {
+                            "aria-label": "Select row",
+                          }
+                        }
+                        checked={false}
+                        onClick={[Function]}
+                        onKeyDown={[Function]}
+                      >
+                        <div
+                          className="fui-TableSelectionCell ___itc2100_zkyq7r0 f17mccla fz5stix f1g0x7ka fhxju0i f1qch9an f1cnd47f fz36nt7 f9znhxp fqrak0z f1o2ludy f1kjnpwc fxmnebo f1witrsb f22iagw fqerorx f1neuvcm fkjuxzh fvrlu0f f1c71y05 f4d9j23"
+                          onClick={[Function]}
+                          onKeyDown={[Function]}
+                          role="cell"
+                        >
+                          <Checkbox
+                            aria-label="Select row"
+                            checked={false}
+                            className="fui-TableSelectionCell__checkboxIndicator"
+                          >
+                            <span
+                              className="fui-Checkbox r1qaeuiq fui-TableSelectionCell__checkboxIndicator ___1v6wcsu_941lme0 f3p8bqa fium13f f1r2dosr f1729es6"
+                            >
+                              <input
+                                aria-label="Select row"
+                                checked={false}
+                                className="fui-Checkbox__input ruo9svu ___qlal8r0_1xrlghj f1vgc2s3"
+                                id="checkbox-12"
+                                onChange={[Function]}
+                                type="checkbox"
+                              />
+                              <div
+                                aria-hidden={true}
+                                className="fui-Checkbox__indicator rl7ci6d"
+                              />
+                            </span>
+                          </Checkbox>
+                        </div>
+                      </TableSelectionCell>
+                      <TableCell
+                        className="documentsTableCell"
+                        key="id"
+                        onClick={[Function]}
+                        onKeyDown={[Function]}
+                        style={
+                          Object {
+                            "maxWidth": 50,
+                            "minWidth": 50,
+                            "width": 50,
+                          }
+                        }
+                        tabIndex={0}
+                      >
+                        <div
+                          className="fui-TableCell documentsTableCell ___o2cmzw0_1ilyrce f10pi13n f1nbblvp f1vdfbxk f1ov4xf1 f1f5gg8d fz36nt7 f9znhxp fqrak0z f1o2ludy f1kjnpwc fxmnebo f1witrsb f22iagw f10tiqix f122n59 fqerorx f1neuvcm fkjuxzh f1pha7fy"
+                          onClick={[Function]}
+                          onKeyDown={[Function]}
+                          role="cell"
+                          style={
+                            Object {
+                              "maxWidth": 50,
+                              "minWidth": 50,
+                              "width": 50,
+                            }
+                          }
+                          tabIndex={0}
+                        >
+                          <TableCellLayout
+                            title="1"
+                            truncate={true}
+                          >
+                            <div
+                              className="fui-TableCellLayout ___16owy0g_d3kle00 f22iagw f122n59 fsnqrgy fylz90v fqerorx f1neuvcm fkjuxzh f1p9o1ba"
+                              title="1"
+                            >
+                              <div
+                                className="fui-TableCellLayout__content ___1vq3ijp_1wyv0tp f22iagw f1vx9l62 f1p9o1ba"
+                              >
+                                <span
+                                  className="fui-TableCellLayout__main ___1q6a9l3_1koyf1t f1p9o1ba fz5stix f1cmbuwj"
+                                >
+                                  1
+                                </span>
+                              </div>
+                            </div>
+                          </TableCellLayout>
+                        </div>
+                      </TableCell>
+                      <TableCell
+                        className="documentsTableCell"
+                        key="partitionKey"
+                        onClick={[Function]}
+                        onKeyDown={[Function]}
+                        style={
+                          Object {
+                            "maxWidth": 50,
+                            "minWidth": 50,
+                            "width": 50,
+                          }
+                        }
+                        tabIndex={-1}
+                      >
+                        <div
+                          className="fui-TableCell documentsTableCell ___o2cmzw0_1ilyrce f10pi13n f1nbblvp f1vdfbxk f1ov4xf1 f1f5gg8d fz36nt7 f9znhxp fqrak0z f1o2ludy f1kjnpwc fxmnebo f1witrsb f22iagw f10tiqix f122n59 fqerorx f1neuvcm fkjuxzh f1pha7fy"
+                          onClick={[Function]}
+                          onKeyDown={[Function]}
+                          role="cell"
+                          style={
+                            Object {
+                              "maxWidth": 50,
+                              "minWidth": 50,
+                              "width": 50,
+                            }
+                          }
+                          tabIndex={-1}
+                        >
+                          <TableCellLayout
+                            title="pk1"
+                            truncate={true}
+                          >
+                            <div
+                              className="fui-TableCellLayout ___16owy0g_d3kle00 f22iagw f122n59 fsnqrgy fylz90v fqerorx f1neuvcm fkjuxzh f1p9o1ba"
+                              title="pk1"
+                            >
+                              <div
+                                className="fui-TableCellLayout__content ___1vq3ijp_1wyv0tp f22iagw f1vx9l62 f1p9o1ba"
+                              >
+                                <span
+                                  className="fui-TableCellLayout__main ___1q6a9l3_1koyf1t f1p9o1ba fz5stix f1cmbuwj"
+                                >
+                                  pk1
+                                </span>
+                              </div>
+                            </div>
+                          </TableCellLayout>
+                        </div>
+                      </TableCell>
+                    </div>
+                  </TableRow>
+                </RenderRow>
+                <RenderRow
+                  data={
+                    Array [
+                      Object {
+                        "appearance": "none",
+                        "item": Object {
+                          "id": "1",
+                          "partitionKey": "pk1",
+                        },
+                        "onClick": [Function],
+                        "onKeyDown": [Function],
+                        "rowId": 0,
+                        "selected": false,
+                      },
+                      Object {
+                        "appearance": "none",
+                        "item": Object {
+                          "id": "2",
+                          "partitionKey": "pk2",
+                        },
+                        "onClick": [Function],
+                        "onKeyDown": [Function],
+                        "rowId": 1,
+                        "selected": false,
+                      },
+                      Object {
+                        "appearance": "none",
+                        "item": Object {
+                          "id": "3",
+                          "partitionKey": "pk3",
+                        },
+                        "onClick": [Function],
+                        "onKeyDown": [Function],
+                        "rowId": 2,
+                        "selected": false,
+                      },
+                    ]
+                  }
+                  index={1}
+                  key="1"
+                  style={
+                    Object {
+                      "height": 30,
+                      "left": 0,
+                      "position": "absolute",
+                      "right": undefined,
+                      "top": 30,
+                      "width": "100%",
+                    }
+                  }
+                >
+                  <TableRow
+                    appearance="none"
+                    aria-rowindex={3}
+                    aria-selected={false}
+                    key="2"
+                    style={
+                      Object {
+                        "height": 30,
+                        "left": 0,
+                        "position": "absolute",
+                        "right": undefined,
+                        "top": 30,
+                        "width": "100%",
+                      }
+                    }
+                  >
+                    <div
+                      aria-rowindex={3}
+                      aria-selected={false}
+                      className="fui-TableRow ___1iajlcl_snm7au0 f19n0e5 f1ewtqcl f1jazu75 f1xeqee6 fz36nt7 f9znhxp fqrak0z f1o2ludy f1kjnpwc fxmnebo f1witrsb f1wfn5kd f1g4hkjv f15ngxrw fjbbrdp f1t94bn6 feu1g3u f1uorfem fw60kww fy9rknc f22iagw f122n59"
+                      role="row"
+                      style={
+                        Object {
+                          "height": 30,
+                          "left": 0,
+                          "position": "absolute",
+                          "right": undefined,
+                          "top": 30,
+                          "width": "100%",
+                        }
+                      }
+                    >
+                      <TableSelectionCell
+                        checkboxIndicator={
+                          Object {
+                            "aria-label": "Select row",
+                          }
+                        }
+                        checked={false}
+                        onClick={[Function]}
+                        onKeyDown={[Function]}
+                      >
+                        <div
+                          className="fui-TableSelectionCell ___itc2100_zkyq7r0 f17mccla fz5stix f1g0x7ka fhxju0i f1qch9an f1cnd47f fz36nt7 f9znhxp fqrak0z f1o2ludy f1kjnpwc fxmnebo f1witrsb f22iagw fqerorx f1neuvcm fkjuxzh fvrlu0f f1c71y05 f4d9j23"
+                          onClick={[Function]}
+                          onKeyDown={[Function]}
+                          role="cell"
+                        >
+                          <Checkbox
+                            aria-label="Select row"
+                            checked={false}
+                            className="fui-TableSelectionCell__checkboxIndicator"
+                          >
+                            <span
+                              className="fui-Checkbox r1qaeuiq fui-TableSelectionCell__checkboxIndicator ___1v6wcsu_941lme0 f3p8bqa fium13f f1r2dosr f1729es6"
+                            >
+                              <input
+                                aria-label="Select row"
+                                checked={false}
+                                className="fui-Checkbox__input ruo9svu ___qlal8r0_1xrlghj f1vgc2s3"
+                                id="checkbox-14"
+                                onChange={[Function]}
+                                type="checkbox"
+                              />
+                              <div
+                                aria-hidden={true}
+                                className="fui-Checkbox__indicator rl7ci6d"
+                              />
+                            </span>
+                          </Checkbox>
+                        </div>
+                      </TableSelectionCell>
+                      <TableCell
+                        className="documentsTableCell"
+                        key="id"
+                        onClick={[Function]}
+                        onKeyDown={[Function]}
+                        style={
+                          Object {
+                            "maxWidth": 50,
+                            "minWidth": 50,
+                            "width": 50,
+                          }
+                        }
+                        tabIndex={0}
+                      >
+                        <div
+                          className="fui-TableCell documentsTableCell ___o2cmzw0_1ilyrce f10pi13n f1nbblvp f1vdfbxk f1ov4xf1 f1f5gg8d fz36nt7 f9znhxp fqrak0z f1o2ludy f1kjnpwc fxmnebo f1witrsb f22iagw f10tiqix f122n59 fqerorx f1neuvcm fkjuxzh f1pha7fy"
+                          onClick={[Function]}
+                          onKeyDown={[Function]}
+                          role="cell"
+                          style={
+                            Object {
+                              "maxWidth": 50,
+                              "minWidth": 50,
+                              "width": 50,
+                            }
+                          }
+                          tabIndex={0}
+                        >
+                          <TableCellLayout
+                            title="2"
+                            truncate={true}
+                          >
+                            <div
+                              className="fui-TableCellLayout ___16owy0g_d3kle00 f22iagw f122n59 fsnqrgy fylz90v fqerorx f1neuvcm fkjuxzh f1p9o1ba"
+                              title="2"
+                            >
+                              <div
+                                className="fui-TableCellLayout__content ___1vq3ijp_1wyv0tp f22iagw f1vx9l62 f1p9o1ba"
+                              >
+                                <span
+                                  className="fui-TableCellLayout__main ___1q6a9l3_1koyf1t f1p9o1ba fz5stix f1cmbuwj"
+                                >
+                                  2
+                                </span>
+                              </div>
+                            </div>
+                          </TableCellLayout>
+                        </div>
+                      </TableCell>
+                      <TableCell
+                        className="documentsTableCell"
+                        key="partitionKey"
+                        onClick={[Function]}
+                        onKeyDown={[Function]}
+                        style={
+                          Object {
+                            "maxWidth": 50,
+                            "minWidth": 50,
+                            "width": 50,
+                          }
+                        }
+                        tabIndex={-1}
+                      >
+                        <div
+                          className="fui-TableCell documentsTableCell ___o2cmzw0_1ilyrce f10pi13n f1nbblvp f1vdfbxk f1ov4xf1 f1f5gg8d fz36nt7 f9znhxp fqrak0z f1o2ludy f1kjnpwc fxmnebo f1witrsb f22iagw f10tiqix f122n59 fqerorx f1neuvcm fkjuxzh f1pha7fy"
+                          onClick={[Function]}
+                          onKeyDown={[Function]}
+                          role="cell"
+                          style={
+                            Object {
+                              "maxWidth": 50,
+                              "minWidth": 50,
+                              "width": 50,
+                            }
+                          }
+                          tabIndex={-1}
+                        >
+                          <TableCellLayout
+                            title="pk2"
+                            truncate={true}
+                          >
+                            <div
+                              className="fui-TableCellLayout ___16owy0g_d3kle00 f22iagw f122n59 fsnqrgy fylz90v fqerorx f1neuvcm fkjuxzh f1p9o1ba"
+                              title="pk2"
+                            >
+                              <div
+                                className="fui-TableCellLayout__content ___1vq3ijp_1wyv0tp f22iagw f1vx9l62 f1p9o1ba"
+                              >
+                                <span
+                                  className="fui-TableCellLayout__main ___1q6a9l3_1koyf1t f1p9o1ba fz5stix f1cmbuwj"
+                                >
+                                  pk2
+                                </span>
+                              </div>
+                            </div>
+                          </TableCellLayout>
+                        </div>
+                      </TableCell>
+                    </div>
+                  </TableRow>
+                </RenderRow>
+                <RenderRow
+                  data={
+                    Array [
+                      Object {
+                        "appearance": "none",
+                        "item": Object {
+                          "id": "1",
+                          "partitionKey": "pk1",
+                        },
+                        "onClick": [Function],
+                        "onKeyDown": [Function],
+                        "rowId": 0,
+                        "selected": false,
+                      },
+                      Object {
+                        "appearance": "none",
+                        "item": Object {
+                          "id": "2",
+                          "partitionKey": "pk2",
+                        },
+                        "onClick": [Function],
+                        "onKeyDown": [Function],
+                        "rowId": 1,
+                        "selected": false,
+                      },
+                      Object {
+                        "appearance": "none",
+                        "item": Object {
+                          "id": "3",
+                          "partitionKey": "pk3",
+                        },
+                        "onClick": [Function],
+                        "onKeyDown": [Function],
+                        "rowId": 2,
+                        "selected": false,
+                      },
+                    ]
+                  }
+                  index={2}
+                  key="2"
+                  style={
+                    Object {
+                      "height": 30,
+                      "left": 0,
+                      "position": "absolute",
+                      "right": undefined,
+                      "top": 60,
+                      "width": "100%",
+                    }
+                  }
+                >
+                  <TableRow
+                    appearance="none"
+                    aria-rowindex={4}
+                    aria-selected={false}
+                    key="3"
+                    style={
+                      Object {
+                        "height": 30,
+                        "left": 0,
+                        "position": "absolute",
+                        "right": undefined,
+                        "top": 60,
+                        "width": "100%",
+                      }
+                    }
+                  >
+                    <div
+                      aria-rowindex={4}
+                      aria-selected={false}
+                      className="fui-TableRow ___1iajlcl_snm7au0 f19n0e5 f1ewtqcl f1jazu75 f1xeqee6 fz36nt7 f9znhxp fqrak0z f1o2ludy f1kjnpwc fxmnebo f1witrsb f1wfn5kd f1g4hkjv f15ngxrw fjbbrdp f1t94bn6 feu1g3u f1uorfem fw60kww fy9rknc f22iagw f122n59"
+                      role="row"
+                      style={
+                        Object {
+                          "height": 30,
+                          "left": 0,
+                          "position": "absolute",
+                          "right": undefined,
+                          "top": 60,
+                          "width": "100%",
+                        }
+                      }
+                    >
+                      <TableSelectionCell
+                        checkboxIndicator={
+                          Object {
+                            "aria-label": "Select row",
+                          }
+                        }
+                        checked={false}
+                        onClick={[Function]}
+                        onKeyDown={[Function]}
+                      >
+                        <div
+                          className="fui-TableSelectionCell ___itc2100_zkyq7r0 f17mccla fz5stix f1g0x7ka fhxju0i f1qch9an f1cnd47f fz36nt7 f9znhxp fqrak0z f1o2ludy f1kjnpwc fxmnebo f1witrsb f22iagw fqerorx f1neuvcm fkjuxzh fvrlu0f f1c71y05 f4d9j23"
+                          onClick={[Function]}
+                          onKeyDown={[Function]}
+                          role="cell"
+                        >
+                          <Checkbox
+                            aria-label="Select row"
+                            checked={false}
+                            className="fui-TableSelectionCell__checkboxIndicator"
+                          >
+                            <span
+                              className="fui-Checkbox r1qaeuiq fui-TableSelectionCell__checkboxIndicator ___1v6wcsu_941lme0 f3p8bqa fium13f f1r2dosr f1729es6"
+                            >
+                              <input
+                                aria-label="Select row"
+                                checked={false}
+                                className="fui-Checkbox__input ruo9svu ___qlal8r0_1xrlghj f1vgc2s3"
+                                id="checkbox-16"
+                                onChange={[Function]}
+                                type="checkbox"
+                              />
+                              <div
+                                aria-hidden={true}
+                                className="fui-Checkbox__indicator rl7ci6d"
+                              />
+                            </span>
+                          </Checkbox>
+                        </div>
+                      </TableSelectionCell>
+                      <TableCell
+                        className="documentsTableCell"
+                        key="id"
+                        onClick={[Function]}
+                        onKeyDown={[Function]}
+                        style={
+                          Object {
+                            "maxWidth": 50,
+                            "minWidth": 50,
+                            "width": 50,
+                          }
+                        }
+                        tabIndex={0}
+                      >
+                        <div
+                          className="fui-TableCell documentsTableCell ___o2cmzw0_1ilyrce f10pi13n f1nbblvp f1vdfbxk f1ov4xf1 f1f5gg8d fz36nt7 f9znhxp fqrak0z f1o2ludy f1kjnpwc fxmnebo f1witrsb f22iagw f10tiqix f122n59 fqerorx f1neuvcm fkjuxzh f1pha7fy"
+                          onClick={[Function]}
+                          onKeyDown={[Function]}
+                          role="cell"
+                          style={
+                            Object {
+                              "maxWidth": 50,
+                              "minWidth": 50,
+                              "width": 50,
+                            }
+                          }
+                          tabIndex={0}
+                        >
+                          <TableCellLayout
+                            title="3"
+                            truncate={true}
+                          >
+                            <div
+                              className="fui-TableCellLayout ___16owy0g_d3kle00 f22iagw f122n59 fsnqrgy fylz90v fqerorx f1neuvcm fkjuxzh f1p9o1ba"
+                              title="3"
+                            >
+                              <div
+                                className="fui-TableCellLayout__content ___1vq3ijp_1wyv0tp f22iagw f1vx9l62 f1p9o1ba"
+                              >
+                                <span
+                                  className="fui-TableCellLayout__main ___1q6a9l3_1koyf1t f1p9o1ba fz5stix f1cmbuwj"
+                                >
+                                  3
+                                </span>
+                              </div>
+                            </div>
+                          </TableCellLayout>
+                        </div>
+                      </TableCell>
+                      <TableCell
+                        className="documentsTableCell"
+                        key="partitionKey"
+                        onClick={[Function]}
+                        onKeyDown={[Function]}
+                        style={
+                          Object {
+                            "maxWidth": 50,
+                            "minWidth": 50,
+                            "width": 50,
+                          }
+                        }
+                        tabIndex={-1}
+                      >
+                        <div
+                          className="fui-TableCell documentsTableCell ___o2cmzw0_1ilyrce f10pi13n f1nbblvp f1vdfbxk f1ov4xf1 f1f5gg8d fz36nt7 f9znhxp fqrak0z f1o2ludy f1kjnpwc fxmnebo f1witrsb f22iagw f10tiqix f122n59 fqerorx f1neuvcm fkjuxzh f1pha7fy"
+                          onClick={[Function]}
+                          onKeyDown={[Function]}
+                          role="cell"
+                          style={
+                            Object {
+                              "maxWidth": 50,
+                              "minWidth": 50,
+                              "width": 50,
+                            }
+                          }
+                          tabIndex={-1}
+                        >
+                          <TableCellLayout
+                            title="pk3"
+                            truncate={true}
+                          >
+                            <div
+                              className="fui-TableCellLayout ___16owy0g_d3kle00 f22iagw f122n59 fsnqrgy fylz90v fqerorx f1neuvcm fkjuxzh f1p9o1ba"
+                              title="pk3"
+                            >
+                              <div
+                                className="fui-TableCellLayout__content ___1vq3ijp_1wyv0tp f22iagw f1vx9l62 f1p9o1ba"
+                              >
+                                <span
+                                  className="fui-TableCellLayout__main ___1q6a9l3_1koyf1t f1p9o1ba fz5stix f1cmbuwj"
+                                >
+                                  pk3
+                                </span>
+                              </div>
+                            </div>
+                          </TableCellLayout>
+                        </div>
+                      </TableCell>
+                    </div>
+                  </TableRow>
+                </RenderRow>
+              </div>
+            </div>
+          </List>
+        </div>
+      </TableBody>
+    </div>
+  </Table>
+</DocumentsTableComponent>
+`;