Tableaux : largeur du contenu au lieu de s'étirer sur les écrans très larges

Sur un écran très large, la colonne de libellé absorbait tout l'espace en
trop : le nom du fournisseur se retrouvait à un millier de pixels de ses
chiffres. Le tableau prend désormais la largeur de son contenu (défilement
au-delà de l'écran) et l'option « grow » devient « label » : largeur
naturelle, retour à la ligne au-delà de 28rem.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01FaniLFvegAZNXFrFFSStqa
This commit is contained in:
Claude committed 2026-10-06 10:14:55 +00:00
1 parent a252636fc1
commit 1f329b8595
4 files changed
+21 -15

No files matched your search

+1 -1
View File
@@ -118,7 +118,7 @@ export function AnalyticsClient({
footer: () => "Total",
className: "min-w-[140px] sm:min-w-[220px]",
sticky: true,
grow: true,
label: true,
},
...GROUPES.flatMap((g): DataColumn<AnalyticsRow>[] => {
const total = g.id === "total";
+1 -1
View File
@@ -132,7 +132,7 @@ const COLONNES: DataColumn<Ligne>[] = [
footer: rows => <span className="whitespace-nowrap">{fmtEntier(rows.length)} articles</span>,
className: "min-w-[140px] sm:min-w-[220px]",
sticky: true,
grow: true,
label: true,
},
{
id: "reference",
+2 -2
View File
@@ -172,7 +172,7 @@ export function PublicitesClient({
sortValue: (p) => p.intitule,
cell: (p) => <Operation intitule={p.intitule} code={p.tcr_code} />,
sticky: true,
grow: true,
label: true,
footer: (rows) =>
`Total${paginee ? " de la page" : ""} · ${fmtEntier(rows.length)} publicité${rows.length > 1 ? "s" : ""}`,
},
@@ -264,7 +264,7 @@ export function PublicitesClient({
sortValue: (h) => h.intitule,
cell: (h) => <Operation intitule={h.intitule} code={h.tcr_code} />,
sticky: true,
grow: true,
label: true,
footer: (rows) => `Total · ${fmtEntier(rows.length)} opération${rows.length > 1 ? "s" : ""}`,
},
{