# 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="" %} **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 -** 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. {% 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 : [Données dynamiques](/documentation/guide-de-demarrage/donnees-dynamiques.md) {% 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="" %} 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. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://doc.kis.work/documentation/composants/tableau.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.