headerShort

Un titre plus court pour les endroits où le titre complet ne tiendrait pas.

Type	string
Par défaut	le header de la colonne
Modifiable en direct (update())	Oui — en redonnant les colonnes (update({ columns }))
Déclaré dans	packages/core/src/columns/defs.ts

Ce qu’il fait

Le tableau croisé nomme ce qu’il fabrique à partir de vos colonnes — la colonne des libellés, les pastilles de sa barre, les en-têtes de ses colonnes de valeurs (« Somme(Poids) ») — avec headerShort : un titre comme « Poids (kg) » donne alors « Somme(Poids) » plutôt que « Somme(Poids (kg)) ». Partout ailleurs la colonne garde son header. Sans headerShort, le tableau croisé utilise header.

Exemple

import { createGrid } from '@dzgrid/dom';
import { FR } from '@dzgrid/dom/locales/fr';

type Crate = { id: string; farm: string; weight: number };

createGrid<Crate>(document.getElementById('cagettes')!, {
  rows: [{ id: 'c1', farm: 'Creux-du-Ru', weight: 18.5 }],
  columns: [
    { id: 'farm', header: 'Ferme' },
    { id: 'weight', header: 'Poids (kg)', headerShort: 'Poids', type: 'number' },
  ],
  getRowId: (r) => r.id,
  messages: FR,
});

Voir aussi

• header.
• Tableau croisé.