From cb7d4077e8aa0371cd07dd0e5a88f6dc168ce7fd Mon Sep 17 00:00:00 2001
From: Nico Hoffmann <me@nhoffmann.com>
Date: Wed, 29 Nov 2023 12:19:47 +0800
Subject: [PATCH] Fix sticky table header inside table block

---
 panel/lab/components/blocks/table/index.vue       | 6 ++++++
 panel/src/components/Forms/Blocks/Types/Table.vue | 4 +---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/panel/lab/components/blocks/table/index.vue b/panel/lab/components/blocks/table/index.vue
index 16fcdda9ed..7aec99c3ed 100644
--- a/panel/lab/components/blocks/table/index.vue
+++ b/panel/lab/components/blocks/table/index.vue
@@ -5,3 +5,9 @@
 		</k-lab-example>
 	</k-lab-examples>
 </template>
+
+<style>
+.k-lab-examples {
+	padding-bottom: 100rem;
+}
+</style>
diff --git a/panel/src/components/Forms/Blocks/Types/Table.vue b/panel/src/components/Forms/Blocks/Types/Table.vue
index 9b899af468..39f05763a3 100644
--- a/panel/src/components/Forms/Blocks/Types/Table.vue
+++ b/panel/src/components/Forms/Blocks/Types/Table.vue
@@ -65,10 +65,8 @@ export default {
 	border: 1px solid var(--color-gray-300);
 	border-spacing: 0;
 	border-radius: var(--rounded-sm);
-	overflow: hidden;
 }
-.k-block-type-table-preview td,
-.k-block-type-table-preview th {
+.k-block-type-table-preview :where(th, td) {
 	text-align: start;
 	line-height: 1.5em;
 	font-size: var(--text-sm);