minWidth

Un plancher sous la largeur de la colonne.

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

Ce qu’il fait

Aucune largeur ne passe en dessous : ni celle de la définition, ni le glisser de l’utilisateur, ni le « Rétrécir » du menu, ni une part de flex quand la grille est étroite (la grille défile alors de côté). Elle vaut 40 px si elle n’est pas donnée, ou 80 px quand le titre de la colonne a un bouton de filtre : le bouton, la poignée d’élargissement et le début du titre tiennent côte à côte, sur une ligne. Une minWidth que vous donnez l’emporte, même plus petite. Donnez une minWidth à une colonne flexible, pour qu’elle ne devienne jamais trop étroite pour être lue.

Avec collapsePriority, une colonne flexible compte sa minWidth pour savoir si elle tient. Une valeur qui n’est pas un nombre positif ou nul est refusée avec une erreur invalid-column.

Exemple

import { createGrid } from '@dzgrid/dom';
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', flex: 1, minWidth: 140 },
    { id: 'notes', header: 'Notes', flex: 2, minWidth: 200 },
  ],
  getRowId: (r) => r.id,
  messages: FR,
});

Voir aussi

• width, maxWidth, flex.
• Colonnes.