Aller au contenu

menu

Retire le menu de colonne à une seule colonne.

Typefalse
Par défautnon défini
Modifiable en direct (update())Oui — en redonnant les colonnes (update({ columns }))
Déclaré danspackages/core/src/columns/defs.ts

Avec la fonction columnMenu(), chaque titre a un bouton ⋮, un menu au clic droit et les touches Alt+Flèche bas et Maj+F10 pour l’ouvrir. menu: false retire les trois du titre de cette colonne ; les touches sont alors laissées à la page. Le tri par un clic sur le titre ne change pas (sortable en décide).

import { createGrid, type GridMessages } from '@dzgrid/dom';
import { columnMenu } from '@dzgrid/dom/column-menu';
import { FR_COLUMN_MENU } from '@dzgrid/dom/locales/fr-column-menu';
import { FR } from '@dzgrid/dom/locales/fr';
type Tool = { id: string; name: string; shelf: number; notes: string };
const messages: GridMessages = { ...FR, text: { ...FR.text, ...FR_COLUMN_MENU.text } };
createGrid<Tool>(document.getElementById('outils')!, {
rows: [{ id: 't1', name: 'Marteau', shelf: 2, notes: 'Arrache-clou, 450 g' }],
columns: [
{ id: 'name', header: 'Outil' },
{ id: 'shelf', header: 'Étagère', type: 'number', menu: false },
],
getRowId: (r) => r.id,
messages,
features: [columnMenu()],
});

Étagère n’a ni bouton ⋮ ni menu au clic droit.