Le widget grille permet d’afficher de manière structurée (lignes et colonnes) les informations de plusieurs éléments.

Anatomie

2. Contenu de la grille composé de plusieurs colonnes :

Usage

Afficher des éléments avec plusieurs champs qu’il faut pouvoir distinguer

Afficher des données chiffrées que l’utilisateur doit pouvoir comparer facilement entre elles
Afficher des éléments ayant plusieurs données de type similaire (chiffre, date, boléen)

Les grilles doivent être préfiltrées pour les contextualiser à la page courante (fiche ou page d’accueil)

Les widgets grilles doivent obligatoirement avoir des intitulés de colonnes dans les widgets grilles.

Indiquer les libellés de colonnes plutôt que les codes de colonnes sauf si les codes sont plus pertinents.

Le primary link est la données principale de l'élément. Il doit rendre l'élément identifiable par rapport aux autres éléments de la liste.

Le primary link doit être un champ obligatoire.

Il ne peut y avoir qu’un seul primary link, sa présence est obligatoire et il est toujours positionné en première position.

Le primary link permet d’ouvrir le détail de l'élément en popup.

Colonnes de type nombre : pour faciliter la lecture, elles doivent inclurent un formatage des données et un nombre de décimal identique.

Au clic sur la ligne d’un widget grille, je veux pouvoir ouvrir dans une popup l’entité que je viens de pointer.

	Grille	Liste
Nombre d'éléments max	illimité	10 max
Nombre de champs max (pour chaque élément)	illimité	6 max
Primary link	✅	✅ obligatoire
Scroll horizontal	❌	❌
Action “en voir plus”	❌	✅
Libellé du champ	✅	❌
Paginer les éléments	❔	❌
Trier les éléments (utilisateur final)	❌	❌
Filtrer les éléments (utilisateur final)	❌	❌
Afficher/masquer un champ (utilisateur final)	❌	❌
Redimensionner un champ (utilisateur final)	❌	❌
Groupements d'éléments	✅	❌
Agrégation de champs	✅	❌

Bonne pratique à trouver sur dimension vs contenu