From 7598092193e77dd209132a70ecf71634ae8ed7c3 Mon Sep 17 00:00:00 2001
From: "Kamas \"Iceberg\" Lau" <kamaslau@outlook.com>
Date: Mon, 1 Dec 2025 17:08:23 +0800
Subject: [PATCH 1/2] style: to keep table header within sight when browsing
 many records, make it sticky

Being frankly, I'm quite a stranger to zenui, please forgive me that I write an inline style and it will be helpful to instruct me on if there is a possibly formal way to do it.
---
 src/components/metrics/MetricsExpandedTable.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/metrics/MetricsExpandedTable.tsx b/src/components/metrics/MetricsExpandedTable.tsx
index d35e61d09..4e6c3275f 100644
--- a/src/components/metrics/MetricsExpandedTable.tsx
+++ b/src/components/metrics/MetricsExpandedTable.tsx
@@ -72,7 +72,7 @@ export function MetricsExpandedTable({
         <Column overflow="auto" minHeight="0" height="100%" paddingRight="3">
           {items && (
             <DataTable data={items}>
-              <DataColumn id="label" label={title} width="minmax(200px, 2fr)" align="start">
+              <DataColumn id="label" label={title} width="minmax(200px, 2fr)" align="start" style="position:sticky;top:0;background-color:#0f0f0f">
                 {row => (
                   <Row overflow="hidden">
                     <MetricLabel type={type} data={row} />

From 9766b2aa30a7bce288cfe181be3c79fde5a733c4 Mon Sep 17 00:00:00 2001
From: "Kamas \"Iceberg\" Lau" <kamaslau@outlook.com>
Date: Mon, 1 Dec 2025 17:36:52 +0800
Subject: [PATCH 2/2] Update src/components/metrics/MetricsExpandedTable.tsx

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
---
 src/components/metrics/MetricsExpandedTable.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/metrics/MetricsExpandedTable.tsx b/src/components/metrics/MetricsExpandedTable.tsx
index 4e6c3275f..53a0d85ab 100644
--- a/src/components/metrics/MetricsExpandedTable.tsx
+++ b/src/components/metrics/MetricsExpandedTable.tsx
@@ -72,7 +72,7 @@ export function MetricsExpandedTable({
         <Column overflow="auto" minHeight="0" height="100%" paddingRight="3">
           {items && (
             <DataTable data={items}>
-              <DataColumn id="label" label={title} width="minmax(200px, 2fr)" align="start" style="position:sticky;top:0;background-color:#0f0f0f">
+              <DataColumn id="label" label={title} width="minmax(200px, 2fr)" align="start" style={{ position: 'sticky', top: 0, backgroundColor: 'var(--base-color-2)' }}>
                 {row => (
                   <Row overflow="hidden">
                     <MetricLabel type={type} data={row} />