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:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user