Checkpoint: Suppression du rowSpan qui causait le bug des 2 premières lignes figées lors du scroll. Remplacement de toutes les mentions "2027" en dur dans l'en-tête du tableau par la variable dynamique {annee}. Le titre affiche désormais "CAPEX 2026" ou "CAPEX 2027" selon l'année sélectionnée.

This commit is contained in:
Manus
2026-06-03 13:24:26 +00:00
parent 9ea7a36a09
commit 3c039142d6

View File

@@ -321,12 +321,10 @@ export default function DsiCapex() {
<tr> <tr>
<td <td
colSpan={2} colSpan={2}
rowSpan={2} className="bg-slate-800 text-white text-center font-bold py-2 px-4 border border-slate-600 align-middle"
className="bg-slate-800 text-white text-center font-bold py-3 px-4 border border-slate-600 align-middle" style={{ fontFamily: 'Sora, sans-serif', fontSize: '13px', minWidth: '280px' }}
style={{ fontFamily: 'Sora, sans-serif', fontSize: '13px' }}
> >
Campagne budgétaire<br /> Campagne budgétaire <span className="text-orange-300">CAPEX {annee}</span>
<span className="text-orange-300">CAPEX 2027</span>
</td> </td>
{COLONNES.map(col => ( {COLONNES.map(col => (
<td <td
@@ -340,22 +338,12 @@ export default function DsiCapex() {
</td> </td>
))} ))}
<td className="bg-slate-800 text-white text-center font-bold py-2 px-3 border border-slate-600 leading-tight" style={{ minWidth: '100px' }}> <td className="bg-slate-800 text-white text-center font-bold py-2 px-3 border border-slate-600 leading-tight" style={{ minWidth: '100px' }}>
Total<br /><span className="text-orange-300">BP 2027</span> Total <span className="text-orange-300">BP {annee}</span>
</td> </td>
<td className="bg-slate-600 text-slate-200 text-center font-bold py-2 px-3 border border-slate-500 leading-tight" style={{ minWidth: '120px' }}> <td className="bg-slate-600 text-slate-200 text-center font-bold py-2 px-3 border border-slate-500 leading-tight" style={{ minWidth: '120px' }}>
Commentaires Commentaires
</td> </td>
</tr> </tr>
{/* Ligne 2 : Année sous chaque colonne */}
<tr>
{COLONNES.map(col => (
<td key={col.key} className="bg-slate-700 text-slate-300 text-center py-1 px-2 border border-slate-600 font-medium">
2027
</td>
))}
<td className="bg-slate-700 text-slate-300 text-center py-1 px-3 border border-slate-600 font-medium">2027</td>
<td className="bg-slate-700 text-slate-400 text-center py-1 px-3 border border-slate-600"></td>
</tr>
{/* Ligne 3 : En-têtes de tri */} {/* Ligne 3 : En-têtes de tri */}
<tr className="bg-muted/50"> <tr className="bg-muted/50">
<th className="text-left px-3 py-2 font-medium text-muted-foreground border border-border/50 w-24"> <th className="text-left px-3 py-2 font-medium text-muted-foreground border border-border/50 w-24">