diff --git a/apps/builder/assets/styles/submissionsTable.css b/apps/builder/assets/styles/submissionsTable.css
new file mode 100644
index 0000000000..1931ba002e
--- /dev/null
+++ b/apps/builder/assets/styles/submissionsTable.css
@@ -0,0 +1,11 @@
+.table-wrapper {
+ background-image: linear-gradient(to right, white, white),
+ linear-gradient(to right, white, white),
+ linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)),
+ linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
+ background-position: left center, right center, left center, right center;
+ background-repeat: no-repeat;
+ background-color: white;
+ background-size: 30px 100%, 30px 100%, 15px 100%, 15px 100%;
+ background-attachment: local, local, scroll, scroll;
+}
diff --git a/apps/builder/components/results/SubmissionsTable/SubmissionsTable.tsx b/apps/builder/components/results/SubmissionsTable/SubmissionsTable.tsx
new file mode 100644
index 0000000000..53f3b0c60e
--- /dev/null
+++ b/apps/builder/components/results/SubmissionsTable/SubmissionsTable.tsx
@@ -0,0 +1,77 @@
+/* eslint-disable react/jsx-key */
+import { Box, Flex } from '@chakra-ui/react'
+import { useTypebot } from 'contexts/TypebotContext'
+import React from 'react'
+import { useTable } from 'react-table'
+import { parseSubmissionsColumns } from 'services/publicTypebot'
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+type SubmissionsTableProps = {}
+
+export const SubmissionsTable = ({}: SubmissionsTableProps) => {
+ const { publishedTypebot } = useTypebot()
+ const columns: any = React.useMemo(
+ () => parseSubmissionsColumns(publishedTypebot),
+ [publishedTypebot]
+ )
+ const data = React.useMemo(() => [], [])
+ const { getTableProps, headerGroups, rows, prepareRow, getTableBodyProps } =
+ useTable({ columns, data })
+ return (
+
+
+
+ {headerGroups.map((headerGroup) => {
+ return (
+
+ {headerGroup.headers.map((column) => {
+ return (
+
+ {column.render('Header')}
+
+ )
+ })}
+
+ )
+ })}
+
+
+
+ {rows.map((row) => {
+ prepareRow(row)
+ return (
+
+ {row.cells.map((cell) => {
+ return (
+
+ {cell.render('Cell')}
+
+ )
+ })}
+
+ )
+ })}
+
+
+
+ )
+}
diff --git a/apps/builder/components/results/SubmissionsTable/index.tsx b/apps/builder/components/results/SubmissionsTable/index.tsx
new file mode 100644
index 0000000000..9dd1f677db
--- /dev/null
+++ b/apps/builder/components/results/SubmissionsTable/index.tsx
@@ -0,0 +1 @@
+export { SubmissionsTable } from './SubmissionsTable'
diff --git a/apps/builder/components/shared/TypebotHeader/TypebotHeader.tsx b/apps/builder/components/shared/TypebotHeader/TypebotHeader.tsx
index 34f3a85c3a..330b77b23e 100644
--- a/apps/builder/components/shared/TypebotHeader/TypebotHeader.tsx
+++ b/apps/builder/components/shared/TypebotHeader/TypebotHeader.tsx
@@ -69,7 +69,7 @@ export const TypebotHeader = () => {