> For the complete documentation index, see [llms.txt](https://interfacing.gitbook.io/interfacing-help-files/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://interfacing.gitbook.io/interfacing-help-files/interfacing-help-files-fr/end-users/explorer-les-applications/travailler-avec-les-formulaires/travailler-avec-les-grilles.md).

# Travailler avec les grilles

Affichez, modifiez et gérez les données dans des grilles.

Une **grille** présente les données en lignes et en colonnes. Selon sa configuration, elle peut vous permettre de consulter, d’ajouter, de modifier ou de supprimer des éléments.

{% hint style="info" %}

#### Types de grilles

Les grilles se répartissent en **deux types principaux** :

1. **Grilles de consultation (lecture seule)**
   * Elles permettent uniquement de consulter et parcourir les données.
   * L’ajout, la modification et la suppression d’éléments ne sont pas pris en charge.
2. **Grilles de mise à jour**
   * Elles permettent de consulter, d’ajouter, de modifier ou de supprimer des éléments.
   * Les grilles de mise à jour se divisent ensuite en :
     * **Grilles avec modification en ligne** – Apportez des changements directement dans la grille
     * **Grilles avec formulaire modal** – Utilisez un formulaire distinct pour ajouter ou modifier des éléments
       {% endhint %}

***

## Utiliser les grilles avec modification en ligne

Les grilles en ligne vous permettent d’ajouter, de modifier ou de supprimer des éléments directement dans la grille.

<p align="center"><kbd><strong>IMAGE</strong></kbd></p>

{% stepper %}
{% step %}

### Ajouter des éléments en ligne

Pour ajouter un nouvel élément :

* Sélectionnez **Ajouter**.
* Une nouvelle ligne apparaît dans la grille.
* Saisissez les informations requises directement dans la ligne.

Pour enregistrer vos modifications :

* Sélectionnez **Enregistrer les modifications**, ou
* Cliquez en dehors de la grille.

Pour annuler, sélectionnez **Annuler les modifications**.

{% hint style="success" %}
**Astuce :** Vous pouvez ajouter plusieurs lignes avant d’enregistrer.
{% endhint %}

***

{% endstep %}

{% step %}

### Modifier des éléments en ligne

Pour modifier un élément existant :

* Cliquez dans une cellule modifiable.
  * Les cellules modifiables sont mises en évidence au survol.
* Mettez à jour la valeur selon vos besoins.

Pour enregistrer vos modifications :

* Sélectionnez **Enregistrer les modifications**, ou
* Cliquez en dehors de la grille.

Pour annuler, sélectionnez **Annuler les modifications**.

{% hint style="success" %}
**Astuce :** Vous pouvez modifier plusieurs lignes ou cellules avant d’enregistrer.
{% endhint %}

***

{% endstep %}

{% step %}

### Supprimer des éléments en ligne

Pour supprimer un élément :

* Sélectionnez l’icône **Supprimer** de la ligne.
* La ligne est marquée pour suppression.

Pour confirmer, sélectionnez **Enregistrer les modifications.**

Pour annuler, sélectionnez **Annuler les modifications** ou **Annuler** ( <i class="fa-rotate-left">:rotate-left:</i> ).

{% hint style="success" %}
**Astuce :** Vous pouvez supprimer plusieurs lignes à la fois avant de confirmer.
{% endhint %}

***

{% endstep %}
{% endstepper %}

{% hint style="info" %}

#### Enregistrer ou annuler des modifications

Lorsque la modification en ligne est activée :

* Les boutons **Enregistrer les modifications** et **Annuler les modifications** sont toujours visibles.
* Les boutons deviennent actifs lorsque vous effectuez des modifications.
* Une fois les modifications enregistrées ou annulées, les boutons sont de nouveau désactivés.
  {% endhint %}

***

## Utiliser les grilles avec formulaire modal

Certaines grilles utilisent des formulaires distincts, sous forme de fenêtres modales, pour ajouter, modifier ou consulter des éléments.

<p align="center"><kbd><strong>IMAGE</strong></kbd></p>

{% stepper %}
{% step %}

### Ajouter des éléments avec un formulaire

Pour ajouter un élément :

* Sélectionnez **Ajouter**.
* Un formulaire s’ouvre dans une fenêtre contextuelle.
* Saisissez les informations requises.
* Choisissez l’une des options suivantes :
  * **Enregistrer et nouveau** pour enregistrer et ajouter un autre élément
  * **Enregistrer et fermer** pour enregistrer et revenir à la grille
* Le nouvel élément apparaît dans la grille après l’enregistrement.

***

{% endstep %}

{% step %}

### Modifier des éléments avec un formulaire

Pour modifier un élément :

* Sélectionnez l’icône **Éditer** ( <i class="fa-pencil">:pencil:</i> ) ou double-cliquez sur la ligne.
* Le formulaire s’ouvre avec les informations existantes.
* Mettez à jour les champs selon vos besoins.
* Utilisez les boutons de navigation pour passer d’un élément à l’autre :

  * **Enregistrer et prochain** – enregistre l’élément actuel et ouvre l’élément suivant.
  * **Enregistrer et fermer** – enregistre l’élément actuel et ferme le formulaire.
  * **Enregistrer et précédent**– enregistre l’élément actuel et ouvre l’élément précédent.

  <div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p>Les boutons <strong>Précédent</strong> ou <strong>Prochain</strong> peuvent ne pas apparaître si vous êtes sur le premier ou le dernier élément.</p></div>
* Les modifications sont enregistrées automatiquement lors de la navigation entre les éléments, mais toute erreur de validation affiche un avertissement.

***

{% endstep %}

{% step %}

### Consulter des éléments

Pour consulter un élément :

* Sélectionnez l’icône **Voir** ( <i class="fa-eye">:eye:</i> ) pour ouvrir un élément en mode lecture seule.

***

{% endstep %}
{% endstepper %}

***

## Exporter des données vers Excel

Vous pouvez exporter le contenu d’une grille vers un fichier Excel.

#### <i class="fa-arrow-up-from-line">:arrow-up-from-line:</i> Exporter les données de la grille

1. Sélectionnez l’icône **Exporter vers Excel** en haut à droite de la grille.
2. Un fichier Excel (`.xlsx`) est téléchargé automatiquement.
   * Le fichier exporté reflète la vue actuelle de la grille, y compris les filtres, le tri et les colonnes visibles.

{% hint style="info" %}
Si aucune donnée n’est disponible pour l’export, un message s’affiche.
{% endhint %}

***


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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 following URL with the `ask` and `goal` query parameters:

```
GET https://interfacing.gitbook.io/interfacing-help-files/interfacing-help-files-fr/end-users/explorer-les-applications/travailler-avec-les-formulaires/travailler-avec-les-grilles.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `build a script that syncs our docs to a CMS` lets GitBook tailor the answer to that use case.

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.