From ea88fa1af8a7a745a095bf4e14da6d8730ddcd71 Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Wed, 10 Jun 2026 09:59:08 +0000
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Ajout=20de=20position=20sticky=20?=
 =?UTF-8?q?top:0=20avec=20fond=20oklch=20opaque=20sur=20le=20tr=20d'en-t?=
 =?UTF-8?q?=C3=AAte=20du=20tableau=20vue=20Postes,=20et=20scroll=20vertica?=
 =?UTF-8?q?l=20limit=C3=A9=20=C3=A0=20calc(100vh=20-=20340px)=20pour=20que?=
 =?UTF-8?q?=20l'en-t=C3=AAte=20reste=20visible=20lors=20du=20d=C3=A9fileme?=
 =?UTF-8?q?nt.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/DsiOpex.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/DsiOpex.tsx b/client/src/pages/DsiOpex.tsx
index 18c03dc..6a10ac2 100644
--- a/client/src/pages/DsiOpex.tsx
+++ b/client/src/pages/DsiOpex.tsx
@@ -1082,10 +1082,10 @@ export default function DsiOpex() {
                 </div>
               )}
 
-              <div className="bg-card border border-border rounded-xl overflow-hidden">
+              <div className="bg-card border border-border rounded-xl overflow-hidden" style={{ maxHeight: 'calc(100vh - 340px)', overflowY: 'auto' }}>
                 <table className="w-full text-sm">
                   <thead>
-                    <tr className="border-b border-border bg-muted/40">
+                    <tr className="border-b border-border" style={{ position: 'sticky', top: 0, zIndex: 20, background: 'oklch(0.94 0.005 80)' }}>
                       <th className="text-left px-4 py-3 font-medium text-muted-foreground w-8">#</th>
                       <th className="text-left px-4 py-3 font-medium text-muted-foreground">
                         <SortBtn col="libelle" label="Poste de charge" />