diff --git a/packages/canary-docs/docs.json b/packages/canary-docs/docs.json
index d2419c30db..57310ead6f 100644
--- a/packages/canary-docs/docs.json
+++ b/packages/canary-docs/docs.json
@@ -544,7 +544,7 @@
               "type": "IcDataTableDataType[]"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
diff --git a/packages/canary-web-components/src/components.d.ts b/packages/canary-web-components/src/components.d.ts
index 1ac6b3b59c..1486a4663b 100644
--- a/packages/canary-web-components/src/components.d.ts
+++ b/packages/canary-web-components/src/components.d.ts
@@ -82,7 +82,7 @@ export namespace Components {
         /**
           * The row content for the table.
          */
-        "data": IcDataTableDataType[];
+        "data"?: IcDataTableDataType[];
         /**
           * Set the density of the table including font and padding.
          */
diff --git a/packages/canary-web-components/src/components/ic-data-table/ic-data-table.tsx b/packages/canary-web-components/src/components/ic-data-table/ic-data-table.tsx
index f40c4b2b3b..cdb8693487 100644
--- a/packages/canary-web-components/src/components/ic-data-table/ic-data-table.tsx
+++ b/packages/canary-web-components/src/components/ic-data-table/ic-data-table.tsx
@@ -157,7 +157,7 @@ export class DataTable {
   /**
    * The row content for the table.
    */
-  @Prop() data: IcDataTableDataType[];
+  @Prop() data?: IcDataTableDataType[];
 
   /**
    * Set the density of the table including font and padding.
@@ -1917,7 +1917,7 @@ export class DataTable {
                 <slot name="pagination-bar" />
               ) : (
                 <ic-pagination-bar
-                  totalItems={data.length}
+                  totalItems={data?.length ?? 0}
                   type={paginationBarOptions.type}
                   rangeLabelType={paginationBarOptions.rangeLabelType}
                   showItemsPerPageControl={