diff --git a/packages/visualizations-react/stories/Table/Table.stories.tsx b/packages/visualizations-react/stories/Table/Table.stories.tsx
index 8c4e82c0..19979409 100644
--- a/packages/visualizations-react/stories/Table/Table.stories.tsx
+++ b/packages/visualizations-react/stories/Table/Table.stories.tsx
@@ -92,3 +92,9 @@ CustomStyle.args = {
     data,
     options,
 };
+
+export const Unstyled = Template.bind({});
+Unstyled.args = {
+    data,
+    options: { ...options, unstyled: true },
+};
diff --git a/packages/visualizations/src/components/Table/Body.svelte b/packages/visualizations/src/components/Table/Body.svelte
index f059eb98..859d3489 100644
--- a/packages/visualizations/src/components/Table/Body.svelte
+++ b/packages/visualizations/src/components/Table/Body.svelte
@@ -19,3 +19,16 @@
         </tr>
     {/each}
 </tbody>
+
+<style lang="scss">
+    :global(.ods-dataviz-sdk-table--default) {
+        tbody tr {
+            &:not(:last-child) {
+                border-bottom: 1px solid var(--border-color);
+            }
+            &:hover {
+                background-color: var(--active-row-background-color);
+            }
+        }
+    }
+</style>
diff --git a/packages/visualizations/src/components/Table/Cell.svelte b/packages/visualizations/src/components/Table/Cell.svelte
index 5ba1ab4e..1a9a3ce3 100644
--- a/packages/visualizations/src/components/Table/Cell.svelte
+++ b/packages/visualizations/src/components/Table/Cell.svelte
@@ -3,3 +3,13 @@
 </script>
 
 <td>{value}</td>
+
+<style lang="scss">
+    :global(.ods-dataviz-sdk-table--default) {
+        td {
+            padding: var(--spacing-75);
+            font-weight: normal;
+            text-align: left;
+        }
+    }
+</style>
diff --git a/packages/visualizations/src/components/Table/Header.svelte b/packages/visualizations/src/components/Table/Header.svelte
index 50d4a2bf..c7088191 100644
--- a/packages/visualizations/src/components/Table/Header.svelte
+++ b/packages/visualizations/src/components/Table/Header.svelte
@@ -13,3 +13,18 @@
         {/each}
     </tr>
 </thead>
+
+<style lang="scss">
+    :global(.ods-dataviz-sdk-table--default) {
+        thead {
+            border-bottom: 2px solid var(--header-border-bottom-color);
+        }
+        th {
+            padding: var(--spacing-75);
+            font-weight: normal;
+            text-align: left;
+            color: var(--header-text-color);
+            background-color: var(--header-background-color);
+        }
+    }
+</style>
diff --git a/packages/visualizations/src/components/Table/Table.svelte b/packages/visualizations/src/components/Table/Table.svelte
index b555c9f2..dd63d270 100644
--- a/packages/visualizations/src/components/Table/Table.svelte
+++ b/packages/visualizations/src/components/Table/Table.svelte
@@ -14,18 +14,23 @@
     const tableId = `table-${generateId()}`;
 
     $: ({ value: records } = data);
-    $: ({ columns, title, subtitle, description, source } = options);
+    // FIXME: Eslint is in conflict with prettier
+    // eslint-disable-next-line object-curly-newline
+    $: ({ columns, title, subtitle, description, source, unstyled } = options);
+    $: defaultStyle = !unstyled;
 </script>
 
-<div class="container">
-    <div class="header">
-        {#if title}
-            <h3>{title}</h3>
-        {/if}
-        {#if subtitle}
-            <p>{subtitle}</p>
-        {/if}
-    </div>
+<div class="ods-dataviz-sdk-table" class:ods-dataviz-sdk-table--default={defaultStyle}>
+    {#if title || subtitle}
+        <div class="dataviz-header">
+            {#if title}
+                <h3>{title}</h3>
+            {/if}
+            {#if subtitle}
+                <p>{subtitle}</p>
+            {/if}
+        </div>
+    {/if}
     <div class="table-wrapper">
         <table aria-describedby={description ? tableId : undefined}>
             <Header {columns} />
@@ -42,8 +47,8 @@
     {/if}
 </div>
 
-<style>
-    .container {
+<style lang="scss">
+    .ods-dataviz-sdk-table {
         --spacing-50: 6px;
         --spacing-75: 9px;
         --spacing-100: 13px;
@@ -61,49 +66,33 @@
         flex-direction: column;
         width: 100%;
     }
-    .header {
-        margin-bottom: var(--spacing-100);
-    }
-    .header h3,
-    .header p {
-        margin: 0;
-    }
-    .table-wrapper {
-        border: solid 1px var(--border-color);
-        border-radius: var(--spacing-50);
-        overflow-x: auto;
-        overscroll-behavior-x: none;
-        width: inherit;
-        max-width: 100%;
-        margin-bottom: var(--spacing-100);
-    }
-    table {
-        border-collapse: collapse;
-        color: var(--text-color);
-        white-space: nowrap;
-        width: inherit;
-    }
-    :global(.container th),
-    :global(.container td) {
-        padding: var(--spacing-75);
-        font-weight: normal;
-        text-align: left;
-    }
-    :global(.container th) {
-        color: var(--header-text-color);
-        background-color: var(--header-background-color);
-    }
-    :global(.container thead) {
-        border-bottom: 2px solid var(--header-border-bottom-color);
-    }
-    :global(.container tbody tr:not(:last-child)) {
-        border-bottom: 1px solid var(--border-color);
-    }
-    :global(.container tbody tr:hover) {
-        background-color: var(--active-row-background-color);
-    }
     /* Suitable for elements that are used via aria-describedby or aria-labelledby */
     .a11y-invisible-description {
         display: none;
     }
+
+    .ods-dataviz-sdk-table--default {
+        .dataviz-header {
+            margin-bottom: var(--spacing-100);
+            h3,
+            p {
+                margin: 0;
+            }
+        }
+        .table-wrapper {
+            border: solid 1px var(--border-color);
+            border-radius: var(--spacing-50);
+            overflow-x: auto;
+            overscroll-behavior-x: none;
+            max-width: 100%;
+            width: inherit;
+            margin-bottom: var(--spacing-100);
+            table {
+                border-collapse: collapse;
+                color: var(--text-color);
+                white-space: nowrap;
+                width: inherit;
+            }
+        }
+    }
 </style>
diff --git a/packages/visualizations/src/components/Table/types.ts b/packages/visualizations/src/components/Table/types.ts
index 5eb2b00e..85ac5d31 100644
--- a/packages/visualizations/src/components/Table/types.ts
+++ b/packages/visualizations/src/components/Table/types.ts
@@ -13,4 +13,9 @@ export type TableOptions = {
     subtitle?: string;
     description?: string;
     source?: Source;
+    /**
+     * Removes all the presentational styles.
+     * Default is `false`.
+     */
+    unstyled?: boolean;
 };