diff --git a/src/components/Table/Table.stories.ts b/src/components/Table/Table.stories.ts
index c448481bf47df608fbc4511486f28f3a1c41b0cd..734bada0f866486393ee1842e397b50b9ba09792 100644
--- a/src/components/Table/Table.stories.ts
+++ b/src/components/Table/Table.stories.ts
@@ -14,6 +14,7 @@ const meta: Meta = {
     },
   },
   argTypes: {
+    data: { control: 'object' },
     columns: { control: 'text' },
     fontSize: { control: 'text' },
     gap: { control: 'text' },
diff --git a/src/components/Table/Table.vue b/src/components/Table/Table.vue
index 4ff23978e781b40ea57c5a8dfa2ddeebad327bc1..91c48bb45d1098df18b5031d59b6dbcc9bcdedae 100644
--- a/src/components/Table/Table.vue
+++ b/src/components/Table/Table.vue
@@ -45,7 +45,7 @@ const sortState = computed<string[]>(() => {
 });
 const rows = computed<ITableItem[][]>(() =>
   calcRows(
-    data.value!,
+    data.value ?? props.data,
     sortStateActive.value,
     props.multipleSort,
     columnToFilter.value,
diff --git a/src/components/Table/helpers.ts b/src/components/Table/helpers.ts
index 9b0d9eb05d72528f003a94dc357c1bc7671bed57..172f8645beb8c23214647b83897237dc6bef7dd8 100644
--- a/src/components/Table/helpers.ts
+++ b/src/components/Table/helpers.ts
@@ -2,7 +2,7 @@ import type { ITableColumn, ITableItem, TTableColumnType } from '@interfaces/com
 import type { TSize } from '@interfaces/common';
 
 export const calcRows = (
-  initRows: ITableItem[][],
+  initRows: ITableItem[][] | undefined,
   sortStateActive: [number, string] | [],
   multipleSort: boolean,
   columnToFilter: number,
@@ -10,6 +10,7 @@ export const calcRows = (
   filterValue: string,
   isRegisterSensitive: boolean,
 ) => {
+  if (!initRows?.length) return [];
   // ['up', 'down', ...]
   let rows = [...initRows];