From 03f860dc3049e415b6b0eefc99ad4a296837c504 Mon Sep 17 00:00:00 2001
From: Felipe Batista <felipe@jurunense.com.br>
Date: Wed, 8 Oct 2025 01:26:38 -0300
Subject: [PATCH] =?UTF-8?q?ajuste=20no=20cabe=C3=A7alho?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/DRE/teste.tsx | 81 ++++++++++++++++++++++++++++---------------
 1 file changed, 53 insertions(+), 28 deletions(-)

diff --git a/src/app/DRE/teste.tsx b/src/app/DRE/teste.tsx
index 3d96cd0..afdd66e 100644
--- a/src/app/DRE/teste.tsx
+++ b/src/app/DRE/teste.tsx
@@ -495,10 +495,17 @@ export default function Teste() {
         </div>
       </div>
 
-      <Table>
-        <TableHeader>
-          <TableRow>
-            <TableHead>
+      <div className="max-h-[400px] overflow-y-auto border rounded-md relative">
+        {/* Header fixo separado */}
+        <div
+          className="sticky top-0 z-30 border-b shadow-sm"
+          style={{ backgroundColor: 'white', opacity: 1 }}
+        >
+          <div
+            className="flex items-center p-4 font-semibold"
+            style={{ backgroundColor: 'white', opacity: 1 }}
+          >
+            <div className="flex-1 min-w-[200px]">
               <Button
                 variant="ghost"
                 onClick={() => handleSort('descricao')}
@@ -507,13 +514,13 @@ export default function Teste() {
                 Descrição
                 {getSortIcon('descricao')}
               </Button>
-            </TableHead>
+            </div>
             {mesesDisponiveis.map((mes) => (
-              <TableHead key={mes} className="text-right">
+              <div key={mes} className="w-24 text-right px-2">
                 {mes}
-              </TableHead>
+              </div>
             ))}
-            <TableHead className="text-right">
+            <div className="w-24 text-right px-2">
               <Button
                 variant="ghost"
                 onClick={() => handleSort('valor')}
@@ -522,29 +529,47 @@ export default function Teste() {
                 Total
                 {getSortIcon('valor')}
               </Button>
-            </TableHead>
-          </TableRow>
-        </TableHeader>
-        <TableBody>
-          {hierarchicalData.map((row, index) => (
-            <TableRow key={index} className={getRowStyle(row)}>
-              <TableCell style={getIndentStyle(row.level)}>
-                {renderCellContent(row)}
-              </TableCell>
+            </div>
+          </div>
+        </div>
+
+        <Table>
+          <TableHeader className="hidden">
+            <TableRow>
+              <TableHead></TableHead>
               {mesesDisponiveis.map((mes) => (
-                <TableCell key={mes} className="text-right font-medium">
-                  {row.valoresPorMes && row.valoresPorMes[mes]
-                    ? formatCurrency(row.valoresPorMes[mes])
-                    : '-'}
-                </TableCell>
+                <TableHead key={mes}></TableHead>
               ))}
-              <TableCell className="text-right font-medium">
-                {formatCurrency(row.total!)}
-              </TableCell>
+              <TableHead></TableHead>
             </TableRow>
-          ))}
-        </TableBody>
-      </Table>
+          </TableHeader>
+          <TableBody>
+            {hierarchicalData.map((row, index) => (
+              <TableRow key={index} className={getRowStyle(row)}>
+                <TableCell
+                  className="flex-1 min-w-[200px]"
+                  style={getIndentStyle(row.level)}
+                >
+                  {renderCellContent(row)}
+                </TableCell>
+                {mesesDisponiveis.map((mes) => (
+                  <TableCell
+                    key={mes}
+                    className="w-24 text-right font-medium px-2"
+                  >
+                    {row.valoresPorMes && row.valoresPorMes[mes]
+                      ? formatCurrency(row.valoresPorMes[mes])
+                      : '-'}
+                  </TableCell>
+                ))}
+                <TableCell className="w-24 text-right font-medium px-2">
+                  {formatCurrency(row.total!)}
+                </TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      </div>
     </div>
   );
 }