diff --git a/packages/big-design/src/components/Table/Actions/Actions.tsx b/packages/big-design/src/components/Table/Actions/Actions.tsx
index 3f0489986..03de122f4 100644
--- a/packages/big-design/src/components/Table/Actions/Actions.tsx
+++ b/packages/big-design/src/components/Table/Actions/Actions.tsx
@@ -6,9 +6,10 @@ import { Pagination } from '../../Pagination';
 import { Text } from '../../Typography';
 import { TableItem, TablePagination, TableSelectable } from '../types';
 
-import { StyledActions } from './styled';
+import { StyledActions, StyledPaginationContainer } from './styled';
 
 export interface ActionsProps<T> {
+  itemName?: string;
   items: T[];
   pagination?: TablePagination;
   selectable?: TableSelectable<T>;
@@ -16,7 +17,9 @@ export interface ActionsProps<T> {
 }
 
 export const Actions = memo(
-  <T extends TableItem>({ selectable, pagination, tableId, items = [], ...props }: ActionsProps<T>) => {
+  <T extends TableItem>({ selectable, pagination, tableId, itemName, items = [], ...props }: ActionsProps<T>) => {
+    const totalItems = pagination ? pagination.totalItems : items.length;
+
     const handleSelectAll = () => {
       if (!selectable) {
         return;
@@ -31,20 +34,48 @@ export const Actions = memo(
       }
     };
 
-    const renderSelectAllAction = ({ itemType, selectedItems }: TableSelectable<T>) => {
+    const getSelectAllChecked = () => {
+      if (!selectable) {
+        return false;
+      }
+
+      const { selectAllState, selectedItems } = selectable;
+
+      switch (selectAllState) {
+        case 'ALL':
+          return true;
+
+        case 'PARTIAL':
+        case 'NONE':
+          return false;
+
+        default:
+          const totalSelectedItems = selectedItems.length;
+          const totalItemsInPage = items.length;
+
+          return totalSelectedItems === totalItemsInPage && totalItemsInPage > 0;
+      }
+    };
+
+    const renderSelectAllAction = () => {
+      if (!selectable) {
+        return null;
+      }
+
+      const { selectAllState, selectedItems } = selectable;
       const totalSelectedItems = selectedItems.length;
       const totalItemsInPage = items.length;
-      const isChecked = totalSelectedItems === totalItemsInPage && totalItemsInPage > 0;
-      const isIndeterminate = totalSelectedItems > 0 && totalSelectedItems !== totalItemsInPage;
+
+      const isChecked = getSelectAllChecked();
+      const isIndeterminate =
+        selectAllState === 'PARTIAL' || (totalSelectedItems > 0 && totalSelectedItems !== totalItemsInPage);
 
       return (
-        <Flex.Item flexGrow={2}>
+        <Flex.Item marginRight="xxSmall">
           <Flex flexDirection="row">
             <Checkbox isIndeterminate={isIndeterminate} checked={isChecked} onChange={handleSelectAll} />
             <Text marginLeft="small">
-              {totalSelectedItems === 0
-                ? `${totalItemsInPage} ${itemType}`
-                : `${totalSelectedItems}/${totalItemsInPage} ${itemType}`}
+              {totalSelectedItems === 0 ? `${totalItems}` : `${totalSelectedItems}/${totalItems}`}
             </Text>
           </Flex>
         </Flex.Item>
@@ -54,13 +85,27 @@ export const Actions = memo(
     const renderPagination = useMemo(
       () =>
         pagination && (
-          <Flex.Item style={{ marginLeft: 'auto' }}>
+          <StyledPaginationContainer>
             <Pagination {...pagination} />
-          </Flex.Item>
+          </StyledPaginationContainer>
         ),
       [pagination],
     );
 
+    const renderItemName = () => {
+      if (typeof itemName !== 'string') {
+        return null;
+      }
+
+      const text = Boolean(selectable) ? itemName : `${totalItems} ${itemName}`;
+
+      return (
+        <Flex.Item>
+          <Text margin="none">{text}</Text>
+        </Flex.Item>
+      );
+    };
+
     return (
       <StyledActions
         alignItems="center"
@@ -70,7 +115,8 @@ export const Actions = memo(
         padding="small"
         {...props}
       >
-        {selectable && renderSelectAllAction(selectable)}
+        {renderSelectAllAction()}
+        {renderItemName()}
         {renderPagination}
       </StyledActions>
     );
diff --git a/packages/big-design/src/components/Table/Actions/styled.tsx b/packages/big-design/src/components/Table/Actions/styled.tsx
index 452595f26..e05b477cc 100644
--- a/packages/big-design/src/components/Table/Actions/styled.tsx
+++ b/packages/big-design/src/components/Table/Actions/styled.tsx
@@ -4,5 +4,9 @@ import styled from 'styled-components';
 import { Flex } from '../../Flex';
 
 export const StyledActions = styled(Flex)``;
+export const StyledPaginationContainer = styled(Flex.Item)`
+  margin-left: auto;
+`;
 
 StyledActions.defaultProps = { theme: defaultTheme };
+StyledPaginationContainer.defaultProps = { theme: defaultTheme };
diff --git a/packages/big-design/src/components/Table/Table.tsx b/packages/big-design/src/components/Table/Table.tsx
index f03f31b70..5edc59f0c 100644
--- a/packages/big-design/src/components/Table/Table.tsx
+++ b/packages/big-design/src/components/Table/Table.tsx
@@ -16,6 +16,7 @@ const InternalTable = <T extends TableItem>(props: TableProps<T>): React.ReactEl
     className,
     columns,
     id,
+    itemName,
     items,
     keyField = 'id',
     pagination,
@@ -62,7 +63,7 @@ const InternalTable = <T extends TableItem>(props: TableProps<T>): React.ReactEl
   };
 
   const shouldRenderActions = () => {
-    return Boolean(pagination) || Boolean(selectable);
+    return Boolean(pagination) || Boolean(selectable) || Boolean(itemName);
   };
 
   const getItemKey = (item: T, index: number): string | number => {
@@ -129,7 +130,13 @@ const InternalTable = <T extends TableItem>(props: TableProps<T>): React.ReactEl
   return (
     <>
       {shouldRenderActions() && (
-        <Actions pagination={pagination} selectable={selectable} items={items} tableId={tableIdRef.current} />
+        <Actions
+          pagination={pagination}
+          selectable={selectable}
+          items={items}
+          itemName={itemName}
+          tableId={tableIdRef.current}
+        />
       )}
       <StyledTable {...rest} id={tableIdRef.current}>
         {renderHeaders()}
diff --git a/packages/big-design/src/components/Table/__snapshots__/spec.tsx.snap b/packages/big-design/src/components/Table/__snapshots__/spec.tsx.snap
index 5876eee09..24cd7c30f 100644
--- a/packages/big-design/src/components/Table/__snapshots__/spec.tsx.snap
+++ b/packages/big-design/src/components/Table/__snapshots__/spec.tsx.snap
@@ -1,19 +1,19 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders a pagination component 1`] = `
-.c8 {
+.c9 {
   vertical-align: middle;
   height: 2rem;
   width: 2rem;
 }
 
-.c13 {
+.c14 {
   vertical-align: middle;
   height: 1.5rem;
   width: 1.5rem;
 }
 
-.c3 {
+.c4 {
   box-sizing: border-box;
 }
 
@@ -22,7 +22,7 @@ exports[`renders a pagination component 1`] = `
   box-sizing: border-box;
 }
 
-.c11 {
+.c12 {
   -webkit-align-content: stretch;
   -ms-flex-line-pack: stretch;
   align-content: stretch;
@@ -70,7 +70,7 @@ exports[`renders a pagination component 1`] = `
   display: flex;
 }
 
-.c4 {
+.c5 {
   -webkit-align-content: stretch;
   -ms-flex-line-pack: stretch;
   align-content: stretch;
@@ -94,7 +94,7 @@ exports[`renders a pagination component 1`] = `
   display: flex;
 }
 
-.c2 {
+.c3 {
   -webkit-align-self: auto;
   -ms-flex-item-align: auto;
   align-self: auto;
@@ -106,7 +106,7 @@ exports[`renders a pagination component 1`] = `
   flex-shrink: 1;
 }
 
-.c9 {
+.c10 {
   border-radius: 0.25rem;
   box-shadow: 0px 1px 6px rgba(49,52,64,0.2);
   border: 0;
@@ -132,7 +132,7 @@ exports[`renders a pagination component 1`] = `
   z-index: 1070;
 }
 
-.c10 {
+.c11 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -153,17 +153,17 @@ exports[`renders a pagination component 1`] = `
   padding: 0 1rem;
 }
 
-.c10[aria-selected='true'] {
+.c11[aria-selected='true'] {
   font-weight: 600;
 }
 
-.c10[data-highlighted='true'],
-.c10[data-highlighted='true'] a {
+.c11[data-highlighted='true'],
+.c11[data-highlighted='true'] a {
   background-color: #F0F3FF;
   color: #3C64F4;
 }
 
-.c10 a {
+.c11 a {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -181,7 +181,7 @@ exports[`renders a pagination component 1`] = `
   width: 100%;
 }
 
-.c6 {
+.c7 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -228,37 +228,37 @@ exports[`renders a pagination component 1`] = `
   color: #3C64F4;
 }
 
-.c6:focus {
+.c7:focus {
   outline: none;
 }
 
-.c6[disabled] {
+.c7[disabled] {
   border-color: #D9DCE9;
   pointer-events: none;
 }
 
-.c6 + .bd-button {
+.c7 + .bd-button {
   margin-top: 0.5rem;
 }
 
-.c6:active {
+.c7:active {
   background-color: #DBE3FE;
 }
 
-.c6:focus {
+.c7:focus {
   box-shadow: 0 0 0 0.25rem #DBE3FE;
 }
 
-.c6:hover:not(:active) {
+.c7:hover:not(:active) {
   background-color: #F0F3FF;
 }
 
-.c6[disabled] {
+.c7[disabled] {
   border-color: transparent;
   color: #D9DCE9;
 }
 
-.c12 {
+.c13 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -304,37 +304,37 @@ exports[`renders a pagination component 1`] = `
   color: #3C64F4;
 }
 
-.c12:focus {
+.c13:focus {
   outline: none;
 }
 
-.c12[disabled] {
+.c13[disabled] {
   border-color: #D9DCE9;
   pointer-events: none;
 }
 
-.c12 + .bd-button {
+.c13 + .bd-button {
   margin-top: 0.5rem;
 }
 
-.c12:active {
+.c13:active {
   background-color: #DBE3FE;
 }
 
-.c12:focus {
+.c13:focus {
   box-shadow: 0 0 0 0.25rem #DBE3FE;
 }
 
-.c12:hover:not(:active) {
+.c13:hover:not(:active) {
   background-color: #F0F3FF;
 }
 
-.c12[disabled] {
+.c13[disabled] {
   border-color: transparent;
   color: #D9DCE9;
 }
 
-.c7 {
+.c8 {
   -webkit-align-content: center;
   -ms-flex-line-pack: center;
   align-content: center;
@@ -348,33 +348,37 @@ exports[`renders a pagination component 1`] = `
   visibility: visible;
 }
 
-.c5 {
+.c6 {
   color: #313440;
   width: auto;
 }
 
+.c2 {
+  margin-left: auto;
+}
+
 @media (min-width:720px) {
-  .c6 + .bd-button {
+  .c7 + .bd-button {
     margin-top: 0;
     margin-left: 0.5rem;
   }
 }
 
 @media (min-width:720px) {
-  .c6 {
+  .c7 {
     width: auto;
   }
 }
 
 @media (min-width:720px) {
-  .c12 + .bd-button {
+  .c13 + .bd-button {
     margin-top: 0;
     margin-left: 0.5rem;
   }
 }
 
 @media (min-width:720px) {
-  .c12 {
+  .c13 {
     width: auto;
   }
 }
@@ -384,30 +388,29 @@ exports[`renders a pagination component 1`] = `
   class="c0 c1"
 >
   <div
-    class="c2 c3"
-    style="margin-left: auto;"
+    class="c2 c3 c4"
   >
     <div
       aria-label="pagination"
-      class="c4 c3"
+      class="c5 c4"
       role="navigation"
     >
       <div
-        class="c2 c3"
+        class="c3 c4"
       >
         <button
           aria-haspopup="true"
-          class="c5 c6"
+          class="c6 c7"
           id="trigger_2"
           role="button"
           tabindex="0"
         >
           <span
-            class="c7"
+            class="c8"
           >
             1 - 3 of 5
             <svg
-              class="c8"
+              class="c9"
               fill="currentColor"
               height="24"
               stroke="currentColor"
@@ -428,47 +431,47 @@ exports[`renders a pagination component 1`] = `
         </button>
         <ul
           aria-labelledby="trigger_2"
-          class="c9"
+          class="c10"
           id="dropdown_1"
           role="listbox"
           style="position: absolute; top: 0px; left: 0px; opacity: 0; pointer-events: none;"
           tabindex="-1"
         >
           <li
-            class="c10"
+            class="c11"
             data-highlighted="false"
             id="dropdown_1-item-0"
             role="option"
             tabindex="-1"
           >
             <div
-              class="c11 c3"
+              class="c12 c4"
             >
               3 per page
             </div>
           </li>
           <li
-            class="c10"
+            class="c11"
             data-highlighted="false"
             id="dropdown_1-item-1"
             role="option"
             tabindex="-1"
           >
             <div
-              class="c11 c3"
+              class="c12 c4"
             >
               5 per page
             </div>
           </li>
           <li
-            class="c10"
+            class="c11"
             data-highlighted="false"
             id="dropdown_1-item-2"
             role="option"
             tabindex="-1"
           >
             <div
-              class="c11 c3"
+              class="c12 c4"
             >
               10 per page
             </div>
@@ -476,19 +479,19 @@ exports[`renders a pagination component 1`] = `
         </ul>
       </div>
       <div
-        class="c2 c3"
+        class="c3 c4"
       >
         <button
-          class="c5 c12"
+          class="c6 c13"
           disabled=""
           role="button"
           tabindex="0"
         >
           <span
-            class="c7"
+            class="c8"
           >
             <svg
-              class="c13"
+              class="c14"
               fill="currentColor"
               height="24"
               stroke="currentColor"
@@ -510,15 +513,15 @@ exports[`renders a pagination component 1`] = `
           </span>
         </button>
         <button
-          class="c5 c12"
+          class="c6 c13"
           role="button"
           tabindex="0"
         >
           <span
-            class="c7"
+            class="c8"
           >
             <svg
-              class="c13"
+              class="c14"
               fill="currentColor"
               height="24"
               stroke="currentColor"
@@ -751,13 +754,26 @@ exports[`renders a simple table 1`] = `
 `;
 
 exports[`selectable renders selectable actions and checkboxes 1`] = `
-.c9 {
+.c10 {
   vertical-align: middle;
   height: 1.5rem;
   width: 1.5rem;
 }
 
-.c10 {
+.c12 {
+  color: #313440;
+  margin: 0 0 1rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5rem;
+  margin: 0;
+}
+
+.c12:last-child {
+  margin-bottom: 0;
+}
+
+.c11 {
   color: #313440;
   margin: 0 0 1rem;
   font-size: 1rem;
@@ -766,11 +782,11 @@ exports[`selectable renders selectable actions and checkboxes 1`] = `
   margin-left: 0.75rem;
 }
 
-.c10:last-child {
+.c11:last-child {
   margin-bottom: 0;
 }
 
-.c5 {
+.c6 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -781,7 +797,7 @@ exports[`selectable renders selectable actions and checkboxes 1`] = `
   display: flex;
 }
 
-.c7 {
+.c8 {
   border: 0;
   -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
@@ -796,7 +812,7 @@ exports[`selectable renders selectable actions and checkboxes 1`] = `
   width: 1px;
 }
 
-.c8 {
+.c9 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -824,15 +840,15 @@ exports[`selectable renders selectable actions and checkboxes 1`] = `
   width: 1.25rem;
 }
 
-.c6:focus + .c8 {
+.c7:focus + .c9 {
   box-shadow: 0 0 0 0.25rem #DBE3FE;
 }
 
-.c8 svg {
+.c9 svg {
   visibility: hidden;
 }
 
-.c3 {
+.c5 {
   box-sizing: border-box;
 }
 
@@ -841,6 +857,11 @@ exports[`selectable renders selectable actions and checkboxes 1`] = `
   box-sizing: border-box;
 }
 
+.c3 {
+  margin-right: 0.25rem;
+  box-sizing: border-box;
+}
+
 .c0 {
   -webkit-align-content: stretch;
   -ms-flex-line-pack: stretch;
@@ -896,10 +917,6 @@ exports[`selectable renders selectable actions and checkboxes 1`] = `
   -webkit-flex-basis: auto;
   -ms-flex-preferred-size: auto;
   flex-basis: auto;
-  -webkit-box-flex: 2;
-  -webkit-flex-grow: 2;
-  -ms-flex-positive: 2;
-  flex-grow: 2;
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
@@ -913,24 +930,24 @@ exports[`selectable renders selectable actions and checkboxes 1`] = `
     class="c2 c3"
   >
     <div
-      class="c4 c3"
+      class="c4 c5"
     >
       <div
-        class="c5"
+        class="c6"
       >
         <input
           aria-labelledby="checkBox_label_2"
-          class="c6 c7"
+          class="c7 c8"
           id="checkBox_1"
           type="checkbox"
         />
         <label
           aria-hidden="true"
-          class="c8"
+          class="c9"
           for="checkBox_1"
         >
           <svg
-            class="c9"
+            class="c10"
             fill="currentColor"
             height="24"
             stroke="currentColor"
@@ -950,11 +967,20 @@ exports[`selectable renders selectable actions and checkboxes 1`] = `
         </label>
       </div>
       <p
-        class="c10"
+        class="c11"
       >
-        5 Product
+        5
       </p>
     </div>
   </div>
+  <div
+    class="c2 c5"
+  >
+    <p
+      class="c12"
+    >
+      Product
+    </p>
+  </div>
 </div>
 `;
diff --git a/packages/big-design/src/components/Table/spec.tsx b/packages/big-design/src/components/Table/spec.tsx
index 1fbeecd09..1dfef4d75 100644
--- a/packages/big-design/src/components/Table/spec.tsx
+++ b/packages/big-design/src/components/Table/spec.tsx
@@ -6,17 +6,19 @@ import { Table } from './Table';
 
 interface SimpleTableOptions {
   className?: string;
+  columns?: any[];
   dataTestId?: string;
   id?: string;
+  itemName?: string;
   style?: CSSProperties;
-  columns?: any[];
 }
 
-const getSimpleTable = ({ className, columns, dataTestId, id, style }: SimpleTableOptions = {}) => (
+const getSimpleTable = ({ className, columns, dataTestId, id, itemName, style }: SimpleTableOptions = {}) => (
   <Table
-    id={id}
-    data-testid={dataTestId}
     className={className}
+    data-testid={dataTestId}
+    id={id}
+    itemName={itemName}
     style={style}
     columns={
       columns || [
@@ -126,6 +128,14 @@ test('tweaks column styles with props', () => {
   `);
 });
 
+test('renders the total number of items + item name', () => {
+  const { getByText } = render(getSimpleTable({ itemName: 'Test Items' }));
+
+  const itemNameNode = getByText(`5 Test Items`);
+
+  expect(itemNameNode).toBeInTheDocument();
+});
+
 test('renders a pagination component', () => {
   const onItemsPerPageChange = jest.fn();
   const onPageChange = jest.fn();
@@ -165,7 +175,7 @@ describe('selectable', () => {
   let columns: any;
   let items: any;
   let onSelectionChange: jest.Mock;
-  const itemType = 'Product';
+  const itemName = 'Product';
 
   beforeEach(() => {
     onSelectionChange = jest.fn();
@@ -187,9 +197,9 @@ describe('selectable', () => {
     const { container, getAllByRole } = render(
       <Table
         columns={columns}
+        itemName={itemName}
         items={items}
         selectable={{
-          itemType,
           onSelectionChange,
           selectedItems: [],
         }}
@@ -205,9 +215,9 @@ describe('selectable', () => {
     const { getAllByRole } = render(
       <Table
         columns={columns}
+        itemName={itemName}
         items={items}
         selectable={{
-          itemType,
           onSelectionChange,
           selectedItems: [],
         }}
@@ -226,9 +236,9 @@ describe('selectable', () => {
     const { getAllByRole } = render(
       <Table
         columns={columns}
+        itemName={itemName}
         items={items}
         selectable={{
-          itemType,
           onSelectionChange,
           selectedItems: items,
         }}
@@ -242,6 +252,25 @@ describe('selectable', () => {
     fireEvent.click(selectAllCheckbox);
     expect(onSelectionChange).toHaveBeenCalledWith([]);
   });
+
+  test('passing a selectAllState overrides the checkbox state', () => {
+    const { getAllByRole } = render(
+      <Table
+        columns={columns}
+        itemName={itemName}
+        items={items}
+        selectable={{
+          selectAllState: 'ALL',
+          onSelectionChange,
+          selectedItems: [],
+        }}
+      />,
+    );
+
+    const [selectAllCheckbox] = getAllByRole('checkbox') as HTMLInputElement[];
+
+    expect(selectAllCheckbox.checked).toBe(true);
+  });
 });
 
 describe('sortable', () => {
diff --git a/packages/big-design/src/components/Table/types.ts b/packages/big-design/src/components/Table/types.ts
index d07726a74..d75570cd1 100644
--- a/packages/big-design/src/components/Table/types.ts
+++ b/packages/big-design/src/components/Table/types.ts
@@ -4,7 +4,7 @@ import { MarginProps } from '../../mixins';
 import { PaginationProps } from '../Pagination';
 
 export interface TableSelectable<T> {
-  itemType?: string;
+  selectAllState?: 'ALL' | 'PARTIAL' | 'NONE';
   selectedItems: T[];
   onSelectionChange(selectedItems: T[]): void;
 }
@@ -37,6 +37,7 @@ export type TablePagination = Omit<PaginationProps, keyof MarginProps>;
 
 export interface TableProps<T> extends React.TableHTMLAttributes<HTMLTableElement>, MarginProps {
   columns: Array<TableColumn<T>>;
+  itemName?: string;
   items: T[];
   keyField?: string;
   pagination?: TablePagination;
diff --git a/packages/docs/PropTables/TablePropTable.tsx b/packages/docs/PropTables/TablePropTable.tsx
index 97430f326..5625789ba 100644
--- a/packages/docs/PropTables/TablePropTable.tsx
+++ b/packages/docs/PropTables/TablePropTable.tsx
@@ -17,6 +17,11 @@ const tableProps: Prop[] = [
     description: 'The array of items to display.',
     required: true,
   },
+  {
+    name: 'itemName',
+    types: 'string',
+    description: 'Item name displayed on the table actions section.',
+  },
   {
     name: 'keyField',
     types: 'string',
@@ -112,16 +117,18 @@ const tableSelectableProps: Prop[] = [
     name: 'selectedItems',
     types: 'Item[]',
     description: 'Defines which items are selected.',
+    required: true,
   },
   {
     name: 'onSelectionChange',
     types: '(selectedItems: Item[]) => void',
     description: 'Function to be called when item selection changes.',
+    required: true,
   },
   {
-    name: 'itemType',
-    types: 'string',
-    description: 'Item type name displayed on the selected action section. (Eg: 2/10 Products)',
+    name: 'selectAllState',
+    types: ['ALL', 'PARTIAL', 'NONE'],
+    description: 'Used to manually override the select all checkbox state. Useful for multi-page selects.',
   },
 ];
 
@@ -141,6 +148,7 @@ const tableSortableProps: Prop[] = [
     name: 'onSort',
     types: '(columnHash: string, direction: TableSortDirection, column: TableColumn<T>): void;',
     description: 'Function to be called when a sortable header is clicked.',
+    required: true,
   },
 ];
 
diff --git a/packages/docs/pages/Table/TablePage.tsx b/packages/docs/pages/Table/TablePage.tsx
index 5c440bf2e..6cce593b9 100644
--- a/packages/docs/pages/Table/TablePage.tsx
+++ b/packages/docs/pages/Table/TablePage.tsx
@@ -129,8 +129,8 @@ export default () => {
               keyField="sku"
               columns={columns}
               items={currentItems}
+              itemName="Products"
               selectable={{
-                itemType: 'Products',
                 onSelectionChange: setSelectedItems,
                 selectedItems,
               }}