diff --git a/.changeset/heavy-monkeys-shake.md b/.changeset/heavy-monkeys-shake.md
new file mode 100644
index 000000000000..03d6c5bd7046
--- /dev/null
+++ b/.changeset/heavy-monkeys-shake.md
@@ -0,0 +1,6 @@
+---
+"@gradio/dataframe": patch
+"gradio": patch
+---
+
+fix:8394 df hidden items
diff --git a/js/dataframe/shared/Example.svelte b/js/dataframe/shared/Example.svelte
index b6cb62ed3404..d15d677ba1da 100644
--- a/js/dataframe/shared/Example.svelte
+++ b/js/dataframe/shared/Example.svelte
@@ -21,3 +21,9 @@
 		</tr>
 	{/if}
 </table>
+
+<style>
+	table {
+		border-collapse: separate;
+	}
+</style>
diff --git a/js/dataframe/shared/Table.svelte b/js/dataframe/shared/Table.svelte
index 9d5fa161be42..8a6c4d4fbabd 100644
--- a/js/dataframe/shared/Table.svelte
+++ b/js/dataframe/shared/Table.svelte
@@ -1054,4 +1054,8 @@
 	.row_odd.focus {
 		background: var(--background-fill-primary);
 	}
+
+	table {
+		border-collapse: separate;
+	}
 </style>
diff --git a/js/dataframe/shared/VirtualTable.svelte b/js/dataframe/shared/VirtualTable.svelte
index d47f39ecc3de..67c44203dc97 100644
--- a/js/dataframe/shared/VirtualTable.svelte
+++ b/js/dataframe/shared/VirtualTable.svelte
@@ -287,6 +287,7 @@
 		border-spacing: 0;
 		width: 100%;
 		scroll-snap-type: x proximity;
+		border-collapse: separate;
 	}
 	table :is(thead, tfoot, tbody) {
 		display: table;