Dans le cadre du déploiement de Grist à la Métropole de Lyon, nous retravaillons plusieurs custom widgets afin de mieux répondre aux besoins concrets des agents.
Le Tableau Croisé Dynamique (TCD) fait partie des outils que l’on nous demandera rapidement. Or, la version actuelle présente dans Grist reste trop limitée pour un usage quotidien et fluide. J’ai donc travaillé sur une amélioration du widget, avec pour objectif une meilleure ergonomie et une plus grande lisibilité.
Principales améliorations par rapport à la première version:
Traduction intégrale en français des opérations mathématiques
Suppression des éléments non liés au fonctionnement de base du TCD, pour en faire un widget dédié
Ajustement de la taille de la police pour un meilleur confort de lecture
Mise en place de deux modes de vue : un mode « édition » pour la création du TCD et un mode « plein écran » pour la lecture
Ce widget a été conçu pour être simple, lisible et directement opérationnel. Vos retours sont bien entendu les bienvenus, et je vais essayer de continuer à l’améliorer. J’ai testé une version en vert Grist mais le résultat n’était pas très satisfaisant.
Enfin, il pourrait être utile de réfléchir à un référentiel graphique commun pour les widgets produit dans la sphère ANCT/DINUM. Peut-être un sujet à creuser avec Lucie ?
Super travail sur ce widget ! Est-ce que tu l’as développé avec le Custom Widget Builder de Grist ?
Si oui, serait-il possible d’avoir accès au code ? On aimerait beaucoup le tester de notre côté et, si possible, y contribuer.
On rencontre aussi pas mal de limites avec le widget TCD de base.
Je le teste avec la commune de Luc-en-Diois pour leur grist des marchés, et on se rapproche bien de leur utilisation dans Excel, qui permet de visualiser en un coup d’oeil la présence des exposant·es selon les jours de marché.
Une petite demande : pour gagner de la place/est-ce que ce serait possible stp d’ajouter une option pour ne pas afficher les titres des colonnes / enlever le padding des cellules, ou alors pouvoir définir la largeur des colonnes et hauteur des lignes ? L’idée serait d’avoir un tableau le plus compact possible. Ca permettrait aussi d’aligner les valeurs des lignes avec les titres de ligne.
Et une demande plus accessoire : serait-il possible de mettre une option pour enlever la couleur ?
@vincent.viers effectivement on peut contribuer sur le Fork que tu proposes pour terminer correctement le widget en répondant aux attentes de la communauté avant de le mettre à disposition de manière plus générale !
@nicodioub j’ai mis Arthur comme mainteneur du dépôt et je préfère ensuite que ça soit lui qui décide de qui doit être invité en direct sur le repo, tu peux déjà contribuer en faisant des PR depuis un fork
Modern UI : retour à un design blanc / gris cassé, pour une expérience proche d’Excel et un rendu plus moderne.
Lisibilité : les variables sont maintenant mises en couleur pour mieux les distinguer.
Flexibilité : la taille du tableau est désormais ajustable grâce à 10 niveaux de zoom (modification de la police d’écriture), pour s’adapter à tous les usages et intégrer des tableaux de toutes tailles.
Pour info, pour les personnes qui débutent comme moi avec le widget, pour choisir la valeur croisée, il faut d’abord choisir ce qu’on veut afficher en fin de ligne (par exemple ici « Somme en entiers » pour afficher le total du nombre de présences) et ensuite on choisit la valeur à afficher (ici la colonne « Présence », mais ça pourrait être une colonne « Total à facturer » par exemple).
En fait @Arthur_Panckoucke j’ai l’impression qu’en vue « plein écran », la table prend toute la hauteur et toute la largeur (question de flexitude probablement), du coup les paddings qui étaient diminués quand on met en mode compact ne sont pas préservés dans la version plein écran.
Du coup on « perd » la compacité. Est-ce que ce serait possible tu penses d’avoir un mode « fixe », pour lequel la table ne prend pas tout l’écran ?
En gros, mon besoin c’est une police 10/12 avec très peu de padding au niveau des cellules (comme dans le mode 0.4), pour avoir des lignes et colonnes « resserrées » (et c’est ok si le tableau n’est pas « adaptatif »)
bonjour,
super boulot. Pour le reférentiel graphique commun tu peux regarder du coté du système de design de l’état (https://www.systeme-de-design.gouv.fr/).
Je cherche à afficher plusieurs sommes dans un même TCD, comme sur la capture d’écran ci-dessous. Est-ce possible avec le widget actuel, ou bien s’agit-il d’une fonctionnalité qui reste à implémenter ?
J’aimerais également afficher des sous-totaux, est-ce possible ?
Pour le sous-total cela reste à implémenter, de même il y aurait encore un travail graphique et de design en terme de responsive pour améliorer drastiquement la lisibilité, mais j’avoue ne pas très bien me projeter sur l’apparence idéale et la manière de le rendre responsive dans tous les cas de figure que propose grist (vue pleine écran), petite vue sur un côté de tableau, etc, si jamais vous avez des pistes n’hésitez pas à contribuer !
a dispo pour t’aider à faire ça si tu veux
