wrap

Un texte long sur plusieurs lignes au lieu d’être coupé par « … ».

Type	`boolean`
Par défaut	`false`
Modifiable en direct (`update()`)	Oui — en redonnant les colonnes (`update({ columns })`)
Déclaré dans	`packages/core/src/columns/defs.ts`

Ce qu’il fait

Avec la fonction autoHeight() de @dzgrid/dom/auto-height, chaque ligne grandit jusqu’à sa plus haute cellule. Sans cette fonction — ou avec une rowHeight fixe — le texte passe à la ligne mais la ligne garde sa hauteur, et les lignes en trop sont coupées ; la grille signale un avertissement missing-feature quand la fonction manque.

Exemple

import { createGrid } from '@dzgrid/dom';
import { autoHeight } from '@dzgrid/dom/auto-height';
import { FR } from '@dzgrid/dom/locales/fr';

type Tool = { id: string; name: string; shelf: number; notes: string };

createGrid<Tool>(document.getElementById('outils')!, {
  rows: [{ id: 't1', name: 'Marteau', shelf: 2, notes: 'Arrache-clou, 450 g' }],
  columns: [
    { id: 'name', header: 'Outil' },
    { id: 'notes', header: 'Notes', width: 200, wrap: true },
  ],
  getRowId: (r) => r.id,
  messages: FR,
  features: [autoHeight()],
});

Voir aussi