From ae18c138c8ddebe802d2fce675dc6ebb332c9791 Mon Sep 17 00:00:00 2001
From: ahmadshaheer <ashaheerki@gmail.com>
Date: Fri, 19 Sep 2025 05:55:21 +0430
Subject: [PATCH] fix: improve the span list table ui

---
 .../container/SpanList/SpanList.styles.scss   | 24 ++++++++++++++++++-
 frontend/src/container/SpanList/SpanTable.tsx |  4 ++--
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/frontend/src/container/SpanList/SpanList.styles.scss b/frontend/src/container/SpanList/SpanList.styles.scss
index 473a03c31b89..a68deedc9d8e 100644
--- a/frontend/src/container/SpanList/SpanList.styles.scss
+++ b/frontend/src/container/SpanList/SpanList.styles.scss
@@ -34,6 +34,7 @@
 
 .span-table {
 	height: 100%;
+	margin-top: 16px;
 
 	.span-name-with-expand {
 		display: flex;
@@ -57,12 +58,25 @@
 	.span-name {
 		padding-left: 32px;
 	}
+	.data-table-container {
+		border: none;
+	}
+	.sticky-header-table-container {
+		width: 100%;
+	}
 
 	[data-slot='table-cell'] {
 		font-size: 13px;
 	}
+
+	[data-slot='table-header'] {
+		&,
+		[data-slot='table-row']:hover {
+			background: transparent;
+		}
+	}
 	thead > [data-slot='table-row'] {
-		background: var(--bg-slate-400);
+		border-bottom: none !important;
 		[data-slot='table-head'] {
 			color: var(--bg-vanilla-400);
 			font-size: 11px;
@@ -74,8 +88,16 @@
 		}
 	}
 	[data-slot='table-row'] {
+		border: none !important;
+		&:nth-of-type(odd) {
+			background: rgba(171, 189, 255, 0.01);
+		}
 		&:hover {
 			background: var(--bg-slate-500);
 		}
 	}
+	[data-slot='table-head']:first-of-type,
+	[data-slot='table-cell']:first-of-type {
+		background: rgba(171, 189, 255, 0.04);
+	}
 }
diff --git a/frontend/src/container/SpanList/SpanTable.tsx b/frontend/src/container/SpanList/SpanTable.tsx
index ab4ce86b9892..3f3c51db14e6 100644
--- a/frontend/src/container/SpanList/SpanTable.tsx
+++ b/frontend/src/container/SpanList/SpanTable.tsx
@@ -491,8 +491,8 @@ function SpanTable({
 		columns,
 		tableId: 'span-list-table',
 		enableSorting: false,
-		enableFiltering: true,
-		enableGlobalFilter: true,
+		enableFiltering: false,
+		enableGlobalFilter: false,
 		enableColumnReordering: false,
 		enableColumnResizing: false,
 		enableColumnPinning: false,