YYayaw

Guide

Référence des colonnes

Configuration des colonnes, types, ordre et visibilité

Types

Types de colonnes supportés : text number boolean

Options par colonne

Propriétés communes : id: string – Identifiant unique header: string | React.ReactNode enableSorting?: boolean (par défaut true)

Calculs de footer par colonne

Vous pouvez préconfigurer les calculs directement sur les colonnes : id: 'price', type: 'number',

Ce que cette page couvre

Plan du guide

La source MDX originale est condensee en cartes CMS natives pour edition et republication depuis le control plane.

Types

Types de colonnes supportés : text number boolean

Options par colonne

Propriétés communes : id: string – Identifiant unique header: string | React.ReactNode enableSorting?: boolean (par défaut true)

Calculs de footer par colonne

Vous pouvez préconfigurer les calculs directement sur les colonnes : id: 'price', type: 'number',

Number column (number)

Les colonnes numériques affichent les valeurs avec un format optionnel et sont alignées à droite (en-tête et cellules) par défaut. Format d'affichage : numberFormat Utilisez numberFormat pour contrôler le séparateur de...

Presets d'affichage de date

Pour type: 'date', vous pouvez utiliser des presets stricts : localized-short localized-medium localized-long

Tag column (tag)

Les colonnes tag affichent les valeurs sous forme de badges colorés. Les couleurs sont déterministes : la même valeur de tag reçoit toujours la même couleur entre les sessions et les rechargements de page (dérivée d'un...

Notes d'implementation

Continuer dans la documentation Table

Connecter les actions CRUD à la table via des **callbacks du provider**

$ columns: {

$ definitions: [

$ { id: 'name', type: 'text', header: 'Name', enableSorting: true, enableColumnFilter: true },

$ {

$ id: 'price',