From 586119c1d0af36bd59be3368ef4db31201eaa7fc Mon Sep 17 00:00:00 2001
From: arefabouhamdan <arefabouhamdan@gmail.com>
Date: Mon, 11 Aug 2025 17:22:57 +0300
Subject: [PATCH 1/5] Made the table headers sticky

---
 .../src/lib/unsorted/viz/table/TableHeader.svelte            | 2 +-
 .../src/lib/unsorted/viz/table/_DataTable.svelte             | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte b/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte
index 98a7e3aee4..008f8ee3c5 100644
--- a/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte
+++ b/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte
@@ -33,7 +33,7 @@
 	}
 </script>
 
-<thead>
+<thead class="sticky top-0 z-10">
 	{#if orderedColumns.length > 0}
 		{@const columnsWithGroupSpan = orderedColumns.map((column, index, array) => {
 			// Determine if this column starts a new group or continues an existing one
diff --git a/packages/ui/core-components/src/lib/unsorted/viz/table/_DataTable.svelte b/packages/ui/core-components/src/lib/unsorted/viz/table/_DataTable.svelte
index 9bd612f444..9b38b69d64 100644
--- a/packages/ui/core-components/src/lib/unsorted/viz/table/_DataTable.svelte
+++ b/packages/ui/core-components/src/lib/unsorted/viz/table/_DataTable.svelte
@@ -155,7 +155,7 @@
 	export let wrapTitles = false;
 	$: wrapTitles = toBoolean(wrapTitles);
 
-	export let headerColor = undefined;
+	export let headerColor = 'base-100';
 	$: headerColorStore = resolveColor(headerColor);
 
 	export let headerFontColor = undefined;
@@ -571,7 +571,7 @@
 		{/if}
 
 		<div class="scrollbox pretty-scrollbar" style:background-color={$backgroundColorStore}>
-			<table>
+			<table class="relative">
 				<TableHeader
 					{rowNumbers}
 					headerColor={$headerColorStore}
@@ -802,6 +802,7 @@
 		width: 100%;
 		overflow-x: auto;
 		scrollbar-width: thin;
+		max-height: 70vh;
 	}
 
 	table {

From 67211a278f514f4eb7d80afa1cc3d9472f27295a Mon Sep 17 00:00:00 2001
From: arefabouhamdan <arefabouhamdan@gmail.com>
Date: Wed, 13 Aug 2025 13:41:28 +0300
Subject: [PATCH 2/5] Added border bottom to the sticky header

---
 .../src/lib/unsorted/viz/table/TableHeader.svelte           | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte b/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte
index 008f8ee3c5..6775a55c5a 100644
--- a/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte
+++ b/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte
@@ -33,7 +33,7 @@
 	}
 </script>
 
-<thead class="sticky top-0 z-10">
+<thead class="sticky top-0 z-10" style="box-shadow: 0 1px 0 0 rgba(138, 138, 138, 0.6);">
 	{#if orderedColumns.length > 0}
 		{@const columnsWithGroupSpan = orderedColumns.map((column, index, array) => {
 			// Determine if this column starts a new group or continues an existing one
@@ -63,7 +63,7 @@
 							class="pt-1 align-bottom {compact ? 'px-[1px]' : 'px-[2px]'}"
 						>
 							<!-- Group header with dynamic colspan -->
-							<div class=" border-b-[1px] border-base-content-muted whitespace-normal pb-[2px]">
+							<div>
 								{column.colGroup}
 							</div>
 						</th>
@@ -78,7 +78,7 @@
 		{/if}
 	{/if}
 
-	<tr class="border-b border-base-content-muted/60">
+	<tr>
 		{#if rowNumbers}
 			<th
 				role="columnheader"

From d71d761c3226de1f16a9b54a0bfb97f5122c4d38 Mon Sep 17 00:00:00 2001
From: arefabouhamdan <arefabouhamdan@gmail.com>
Date: Wed, 13 Aug 2025 14:17:56 +0300
Subject: [PATCH 3/5] Reverted class removal

---
 .../src/lib/unsorted/viz/table/TableHeader.svelte               | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte b/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte
index 6775a55c5a..5e0e575bee 100644
--- a/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte
+++ b/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte
@@ -63,7 +63,7 @@
 							class="pt-1 align-bottom {compact ? 'px-[1px]' : 'px-[2px]'}"
 						>
 							<!-- Group header with dynamic colspan -->
-							<div>
+							<div class=" border-b-[1px] border-base-content-muted whitespace-normal pb-[2px]">
 								{column.colGroup}
 							</div>
 						</th>

From b53bbf23e150f19612e63402dba04547880a1a4c Mon Sep 17 00:00:00 2001
From: arefabouhamdan <arefabouhamdan@gmail.com>
Date: Wed, 13 Aug 2025 14:56:48 +0300
Subject: [PATCH 4/5] Moved box-shadow style for the table header from inline
 to CSS

---
 .../src/lib/unsorted/viz/table/TableHeader.svelte            | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte b/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte
index 5e0e575bee..9b948d21fd 100644
--- a/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte
+++ b/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte
@@ -33,7 +33,7 @@
 	}
 </script>
 
-<thead class="sticky top-0 z-10" style="box-shadow: 0 1px 0 0 rgba(138, 138, 138, 0.6);">
+<thead class="sticky top-0 z-10">
 	{#if orderedColumns.length > 0}
 		{@const columnsWithGroupSpan = orderedColumns.map((column, index, array) => {
 			// Determine if this column starts a new group or continues an existing one
@@ -147,6 +147,9 @@
 </thead>
 
 <style>
+	thead {
+		box-shadow: 0 1px 0 0 rgba(138, 138, 138, 0.6);
+	}
 	th {
 		white-space: nowrap;
 		overflow: hidden;

From d78eea8e5d337abac401e3c0fedeeb43cca05861 Mon Sep 17 00:00:00 2001
From: arefabouhamdan <arefabouhamdan@gmail.com>
Date: Tue, 2 Sep 2025 22:53:47 +0300
Subject: [PATCH 5/5] Add changeset for sticky data table headers

---
 .changeset/hip-parents-reply.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/hip-parents-reply.md

diff --git a/.changeset/hip-parents-reply.md b/.changeset/hip-parents-reply.md
new file mode 100644
index 0000000000..1f5fff5682
--- /dev/null
+++ b/.changeset/hip-parents-reply.md
@@ -0,0 +1,5 @@
+---
+'my-evidence-project': patch
+---
+
+Added a sticky header to data tables