tooltip

Une infobulle sur chaque cellule, calculée à partir des données.

Type	(value: V | null, row: Readonly<T>, context: unknown) => string | null
Par défaut	non défini
Modifiable en direct (update())	Oui — en redonnant les colonnes (update({ columns }))
Déclaré dans	packages/core/src/columns/defs.ts

Ce qu’il fait

tooltip(value, row, context) renvoie le texte, déjà traduit, ou null pour aucun ; context est le context de la grille. La grille n’en devine jamais un d’après le contenu de la cellule. Elle s’affiche quand le pointeur reste sur la cellule (après le délai des tooltips de la grille) et dès que le focus du clavier l’atteint.

Exemple

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

type Bee = { id: string; hive: string; honey: number };

createGrid<Bee>(document.getElementById('ruches')!, {
  rows: [{ id: 'h1', hive: 'Colline aux trèfles', honey: 12.5 }],
  columns: [
    { id: 'hive', header: 'Ruche', tooltip: (v) => (v ? `Ruche ${v}` : null) },
    { id: 'honey', header: 'Miel', type: 'number' },
  ],
  getRowId: (r) => r.id,
  messages: FR,
});

Voir aussi

• headerTooltip, ui.
• tooltips.