Organiser ses pages et widgets dans Grist comme un pro

Dans Grist, une « page » est l’équivalent d’un onglet dans un tableur classique, mais en beaucoup plus puissant. Vous pouvez y placer plusieurs widgets (tableaux, cartes, graphiques, formulaires…) qui affichent les mêmes données sous des angles différents, et surtout les organiser librement.

Voici comment faire pour que vos documents soient clairs, lisibles et agréables à utiliser, même pour des personnes qui découvrent l’outil.

1. Comprendre la différence entre page et widget

  • Une page = un espace de travail (un peu comme une feuille Excel ou une page Notion)
  • Un widget = un composant que vous placez sur la page : un tableau, une liste de cartes, un graphique, un formulaire, etc.

Vous pouvez mettre plusieurs widgets sur la même page, les redimensionner et les déplacer comme vous voulez. C’est ce qui permet de créer de vrais tableaux de bord.

2. Ajouter ou supprimer une page

Très simple :

  1. En bas à gauche, cliquez sur le « + » à côté des noms de pages existantes
  2. Choisissez « Nouvelle page »
  3. Donnez-lui un nom clair (ex. : Tableau de bord, Suivi trésorerie, Liste des adhérents…)

Pour supprimer ou renommer : clic droit sur le nom de la page → Supprimer ou Renommer.

Conseil pratique : commencez toujours par créer 3-4 pages classiques :

  • Accueil / Tableau de bord
  • Données brutes (les vraies tables)
  • Formulaires (pour la saisie)
  • Archives ou Admin (si besoin)

3. Ajouter un widget sur une page

Deux façons :

A. Depuis le bandeau de gauche
Cliquez sur « Ajouter un widget » → choisissez le type (Tableau, Carte, Graphique…) → sélectionnez la table à afficher.

B. Depuis la page elle-même
Cliquez sur le gros « + Ajouter un widget » qui apparaît au centre quand la page est vide.

Le widget apparaît et vous pouvez tout de suite le redimensionner en tirant les coins.

4. Organiser les widgets : les bases

  • Déplacer : cliquez-glissez la barre du haut du widget
  • Redimensionner : tirez les coins ou les bords
  • Supprimer : clic sur les trois petits points en haut à droite du widget → Supprimer
  • Dupliquer : même menu → Dupliquer (très pratique pour faire des variantes)

5. Créer un vrai tableau de bord (layout personnalisé)

Depuis 2023, Grist propose les « Custom Layouts » (dispositions personnalisées). C’est la fonction qui change tout pour faire des dashboards propres.

Comment faire :

  1. Allez dans une page (idéalement une page dédiée « Tableau de bord »)
  2. Cliquez sur le bouton « Layout » en haut à droite (icône grille)
  3. Passez en mode « Custom Layout »
  4. Vous avez maintenant une grille libre : placez vos widgets où vous voulez, ils se « snap » proprement.

Exemple de disposition classique que j’utilise souvent pour des associations ou petites entreprises :

  • En haut : un bandeau avec le titre et un petit texte de bienvenue (widget « Single Card » ou « Custom Widget » avec du HTML simple)
  • À gauche : un menu de filtres rapides (widget Tableau très étroit avec une seule colonne Choix)
  • Au centre : le tableau principal ou la liste des éléments en cours
  • À droite : un graphique (ex. répartition par catégorie) et un indicateur clé (ex. total restant)
  • En bas : un calendrier ou une liste des prochaines échéances

6. Astuces concrètes pour un rendu pro

  • Utilisez la même couleur d’accent sur tous les widgets (clic sur le widget → Options → Couleur)
  • Alignez bien les widgets : activez « Snap to grid » dans le mode Layout
  • Laissez de l’espace blanc : un dashboard trop chargé fait fuir les utilisateurs
  • Mettez les informations les plus importantes en haut à gauche (les gens lisent comme un livre)
  • Nommez vos pages et vos widgets clairement : « Suivi cotisations 2025 » plutôt que « Table 3 »

7. Lier les widgets entre eux (le vrai plus)

Quand vous sélectionnez une ligne dans un widget, tous les widgets liés se filtrent automatiquement sur cette ligne.

Pour activer la liaison :

  1. Cliquez sur un widget
  2. Dans la barre latérale droite, section « Link to »
  3. Cochez les autres widgets qui doivent réagir à la sélection

Exemple très utile dans une association :

  • Widget 1 : liste des adhérents
  • Widget 2 : détail de l’adhérent sélectionné (vue Carte)
  • Widget 3 : historique des paiements de cet adhérent

Un clic sur un adhérent et tout le dashboard se met à jour. Zero formule.

8. Masquer des pages ou widgets selon les droits

Si certaines personnes n’ont pas besoin de voir le tableau de bord admin :

  • Cliquez sur la page → « Accès » → choisissez qui peut la voir
  • Ou au niveau du widget : même menu « Accès »

Très pratique pour avoir une page publique avec formulaire et une page interne avec les données sensibles.

9. Exemple concret : tableau de bord d’une petite association

Page « Accueil » (Custom Layout activé) :

  • Haut : texte « Bienvenue sur l’espace adhérents 2025 »
  • Gauche : widget Tableau étroit avec filtre « Statut » (À jour / En retard / Nouveau)
  • Centre : liste des adhérents (widget Carte) liée au filtre
  • Droite :
    – Graphique camembert « Répartition par ville »
    – Indicateur « Total cotisations reçues : 8 420 € »
  • Bas : calendrier des prochains événements

Tout tient sur un écran, zéro défilement, et même un trésorier bénévole comprend en 10 secondes.

En résumé

  • Créez des pages dédiées pour séparer les usages
  • Utilisez le mode Custom Layout pour les tableaux de bord
  • Liez vos widgets entre eux dès que possible
  • Soignez l’alignement, les couleurs et les titres
  • Cachez ce qui ne doit pas être vu

Avec ces principes, même un document qui contient 15 tables reste parfaitement lisible et utilisable par toute l’équipe ou les bénévoles.

Prochaine étape logique : découvrir les widgets Carte, Graphique et Formulaire pour enrichir encore vos pages.