Fix sticky table header inside table block

getkirby · Nov 29, 2023 · cb7d407 · cb7d407
1 parent 6805e04
commit cb7d407
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git 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
@@ -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);