From c1ecfde50e55902140aafc3551968e26c1bb4cd0 Mon Sep 17 00:00:00 2001
From: pngwn <hello@pngwn.io>
Date: Fri, 12 Jul 2024 18:19:43 +0100
Subject: [PATCH] 8394 df hidden items (#8763)

* fix bug

* fix

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
---
 .changeset/heavy-monkeys-shake.md       | 6 ++++++
 js/dataframe/shared/Example.svelte      | 6 ++++++
 js/dataframe/shared/Table.svelte        | 4 ++++
 js/dataframe/shared/VirtualTable.svelte | 1 +
 4 files changed, 17 insertions(+)
 create mode 100644 .changeset/heavy-monkeys-shake.md

diff --git a/.changeset/heavy-monkeys-shake.md b/.changeset/heavy-monkeys-shake.md
new file mode 100644
index 0000000000..03d6c5bd70
--- /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 b6cb62ed34..d15d677ba1 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 9d5fa161be..8a6c4d4fba 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 d47f39ecc3..67c44203dc 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;