Lorsqu'on travaille avec plusieurs lignes de données dans AppSheet, il peut être intéressant d'utiliser une vue de type Table. Cependant, si la table comporte plusieurs colonnes, sa visualisation peut vite être un casse-tête pour l'utilisateur de l'application. Il existe dans AppSheet une fonctionnalité qui permet de figer les volets (première colonne), afin de faciliter la navigation dans les données.
Google AppSheet permet de créer des applications sans écrire de codes. Pour cela, vous pouvez choisir 11 types de vues: calendar, deck, table, gallery, detail, map, chart, dashboard, form, onboarding et card.
Prenons l’exemple d’une vue qui affiche des stations services. Pour créer une vue table:
- Ajoutez la table dans l’onglet « Data ». Cela suppose que vous avez déjà créé l’application et que vous avez choisi votre source de données. Vous pouvez lire cet article pour savoir comment faire.
- Allez dans l’onglet « UX » et cliquez sur le bouton « New View« . Choisissez la table à afficher en la sélectionnant dans la liste « For this data ». Puis, dans la section « View type », cliquez sur « table ».
Les paramètres les plus importants dans une vue Table
Une fois la vue créée, il est important de la configurer correctement. AppSheet offre plusieurs paramètres. Bien entendu, vous n’êtes pas obligé de tout modifier. Nous allons voir ensemble quelques-uns des plus importants.
Column order: c’est ici que vous allez choisir l’ordre des colonnes à afficher. En effet, par défaut AppSheet va sélectionner toutes les colonnes. Vous pouvez ensuite le réarranger àselon vos besoins.
Dans notre exemple, nous avons choisi d’afficher uniquement les colonnes suivantes:
Group by: elle permet d’améliorer l’affichage, en groupant les lignes qui ont des colonnes identiques.
Par exemple, on peut trouver plusieurs stations services dans une même commune. Du coup, dans une vue de type Table, vous pouvez grouper les stations par nom de commune.
Ici ce que nous avons fait c’est que dans UX, nous avons choisi de grouper la colonne « Records Fields Com Arm Name » par ordre ascendant.
Sort by: vous pouvez aller plus loin et trier les colonnes par ordre croissant ou décroissant, comme dans Excel ou Google Sheets.
Events Actions: cette fonctionnalité de la partie « Behavior » vous permettra de choisir la vue à afficher lorsque l’utilisateur de votre application clique sur une ligne de la vue Table. Par défaut, AppSheet va afficher une vue de type « Detail ».
En cliquant sur la liste déroulante, vous pouvez spécifier des actions telles que l’édition (Edit), la suppression (Delete) ou la redirection vers une autre vue.
Figer les volets dans l'application AppSheet
Si vous avez utilisé les paramètres ci-dessus, l’interface principale de l’application ressemble à ceci:
Lorsque l’utilisateur veut visualiser les colonnes à droite de la première, il doit scroller sur la barre horizontale au bas de l’écran. Cependant si vous supprimez l’option « group by », vous pouvez alors figer la première colonne. Regardez le résultat dans la vidéo suivante:
Attention: Vous devrez activer cette fonctionnalité manuellement avant de pouvoir l’ utiliser.
Pour cela, allez dans « UX>Options » et activez « Preview new features« .
Vous savez maintenant comment améliorer l’expérience utilisateur dans une vue de type Table dans Google AppSheet. Vous pouvez tester les différentes possibilités de paramétrage ou changer de type de vue. Vous pouvez également profiter de la puissance du filtre natif d’AppSheet dans votre application.
➡️ Retrouvez tous nos articles dans la catégorie AppSheet ⬅️
