Tableau

Le tableau est l'un des composants les plus puissants de Kis. Il permet d’organiser et d'afficher des informations de manière structurée.

Un tableau (ou table) est une liste de données choisie et ouverte à la visualisation sur un page. Il vous permet de visualiser vos données de la manière dont vous l'avez décider. Voici comment l'intégrer sur votre page.

1. Editer mon tableau

1 - Rendons-nous sur notre application. Dans notre exemple, elle se nomme Membres de l'organisation.

2 - On crée une nouvelle page, que l'on appellera simplement Membres. Dans Données, on crée une nouvelle source reliée une table de données existante, "liste-des-membres", contenant tous les membres actifs de l'organisation et leurs fonctions.

3 - On ajoute un nouveau container à notre page. Et, dans Composants, on va chercher l'élément Tableau que l'on fait glisser-déposer dans le container vide.

4 - Dans Titre de la section, on donne un nom à notre tableau. Ici, Liste des membres.

5 - Maintenant, on ajoute et on nomme les colonnes que l'on souhaite voir apparaître dans le tableau. Dans notre exemple, le Nom et le Poste des membres.

Attention, l'ordre dans lequel vous ajoutez les colonnes détermine l'ordre dans lequel elles apparaîtront dans le tableau.

6 - On relie chaque colonne avec la source de données dynamiques et la colonne correspondante dans la table de données.

Pour plus de détails : Données dynamiques

Désormais, dans notre app Kis, côté utilisateur, le tableau apparaît avec la liste à jour de tous les membres de l'organisation et leurs fonctions respectives.

2. Ajouter un bouton avec un lien vers une autre page

Dans votre tableau, vous pouvez ajouter un bouton d'interaction qui vous permettra de déclencher une action ou d'accéder à une autre page. Par exemple, une page détaillant plus d'informations, un formulaire d'ajout ou de modification de données, ou toute autre action pertinente.

1 - Dans Liens vers d'autres pages, on clique sur Ajouter.

2 - On personnalise le nom du bouton puis, dans le menu déroulant, on sélectionne la page vers laquelle on souhaite que le bouton nous renvoie.

Dans notre exemple, le bouton Modifier nous permettra d'accéder à la page Éditer les membres depuis laquelle je pourrai modifier les informations de chaque membre.