# Tableau

Un tableau (ou table) est une liste de données choisie et ouverte à la visualisation sur une 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 

{% embed url="<https://youtu.be/mskEjaQ8kIQ>" %}

**1 -** Rendons-nous sur notre application. Dans notre exemple, elle se nomme **Liste des membres**.

**2 -** On crée une nouvelle page, que l'on appellera simplement **Membres**. Dans **Données**, on crée une nouvelle source (**Liste des membres**) reliée une liste existante, "**membres-organisation**", 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**.&#x20;

**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.

{% hint style="warning" %}
Attention, l'ordre dans lequel vous ajoutez les colonnes détermine l'ordre dans lequel elles apparaîtront dans le tableau.
{% endhint %}

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

{% hint style="info" %}
Pour plus de détails : [donnees-dynamiques](https://doc.kis.work/documentation/guide-de-demarrage/donnees-dynamiques "mention")
{% endhint %}

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

{% embed url="<https://youtu.be/VVQc56AUgzw>" %}

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.