Le widget grille permet d’afficher de manière structurée (lignes et colonnes) les informations de plusieurs éléments.
Anatomie
...
Titre du widget grille
...
2. Contenu de la grille composé de plusieurs colonnes :
Entêtes de colonne
Colonne primaire
Colonne standard
Usage
Afficher des éléments avec plusieurs champs qu’il faut pouvoir distinguer
...
Les grilles doivent être préfiltrées pour les contextualiser à la page courante (fiche ou page d’accueil)
Colonne
Entête de colonne
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.
Colonne primaire et primary link
...
Le primary link permet d’ouvrir le détail de l'élément en popup.
Colonne standard
Colonnes de type nombre : pour faciliter la lecture, elles doivent inclurent un formatage des données et un nombre de décimal identique.
Grille vs Liste
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 | ✅ | ❌ |
...