---
title: Table
slug: docs/fr/Y1Nb6jH1JC1nN1IBJYgxs
createdAt: 2020-03-10T11:33:29.000Z
---

Parfois, les listes ne suffisent pas à transmettre l’information que vous souhaitez. C’est pourquoi il existe des tableaux modifiables.

Un tableau vous permet de structurer et de présenter des informations de manière claire, organisée et visuellement attrayante. Il est idéal pour afficher des données en lignes et en colonnes, ce qui facilite la comparaison, l’analyse et la compréhension.

***

## Quand utiliser un tableau

Les tableaux sont idéaux lorsque votre contenu :

::::LinkArray{contentSource="CUSTOM" itemsPerRow="3"}
:::LinkArrayItem
:Lucide[]{icon="ListChecks"}&#x20;

Présente des schémas répétitifs (par exemple, attributs, fonctionnalités, points de données)
:::

:::LinkArrayItem
:Lucide[]{icon="Banknote"}&#x20;

Nécessite une comparaison (tarification, forfaits, caractéristiques techniques)
:::

:::LinkArrayItem
:Lucide[]{icon="MoveHorizontal"}&#x20;

Bénéficie d’une lecture horizontale
:::
::::

***

## Comment ajouter un tableau

::::WorkflowBlock
:::WorkflowBlockItem
Tapez `/` pour ouvrir le menu de la liste des blocs
:::

:::WorkflowBlockItem
Recherchez **Table** et cliquez dessus pour l’insérer
:::

:::WorkflowBlockItem
Un tableau basique 3x4 avec la première ligne en tant qu’en-tête sera créé
:::
::::

Vous pouvez également insérer directement un tableau en tapant simplement `(tableau)`.

| &#x20; |   |   |
| ------ | - | - |
|        |   |   |
|        |   |   |
|        |   |   |

***

## Comprendre les contrôles du tableau

Chaque tableau comporte des contrôles interactifs qui apparaissent lorsque vous cliquez sur les poignées, les cellules ou les marges.

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
### Poignée de ligne (côté gauche)

Chaque ligne possède sa propre poignée. Vous pouvez l’utiliser pour :

- Ajouter une ligne au-dessus :Lucide[]{icon="ArrowUpFromLine"} ou en dessous :Lucide[]{icon="ArrowDownFromLine"} ;
- Modifier la couleur d’arrière-plan :Lucide[]{icon="PaintBucket"} ;
- Supprimer une ligne :Lucide[]{icon="Trash"} ;


:::

:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/Yg6LvC-mBauQuP0IUNSQ2-20260302-205158.png)
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
### Poignée de colonne (côté supérieur)

Chaque colonne possède sa propre poignée. Vous pouvez l’utiliser pour :

- Aligner le contenu à gauche :Lucide[]{icon="AlignLeft"}, au centre :Lucide[]{icon="AlignCenter"} ou à droite :Lucide[]{icon="AlignRight"} ;
- Modifier la couleur d’arrière‑plan :Lucide[]{icon="PaintBucket"} ;
- Ajouter une colonne à gauche :Lucide[]{icon="ArrowLeftFromLine"} ou à droite :Lucide[]{icon="ArrowRightFromLine"} ;
- :Lucide[]{icon="Trash"} Supprimer la ligne


:::

:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/az8JCDRR3Px0zqdn79NlR-20260302-205146.png)
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
### Point d’angle (en haut à gauche)

Utilisé pour des actions concernant l’ensemble du tableau, telles que :

- Modifier la couleur de la bordure :Lucide[]{icon="Table"} ;
- Afficher la première ligne comme en‑tête du tableau :Lucide[]{icon="PanelTop"} ;
- Figer les en‑têtes :Lucide[]{icon="Snowflake"} ;


:::

:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/2SzZMQX5-_zpGzHwGGP3e-20260302-205118.png)
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
### Menu contextuel de cellule

Apparaît lorsque vous cliquez dans une cellule ou sélectionnez plusieurs cellules. Donne accès à :

- Fusionner les cellules :Lucide[]{icon="TableCellsMerge"} ;
- Scinder les cellules :Lucide[]{icon="TableCellsSplit"} ;
- Modifier la couleur d’arrière‑plan :Lucide[]{icon="PaintBucket"} ;


:::

:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/b4uNPi_dBce6cNh3jZ5kV-20260302-204219.png)
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
### Redimensionner une colonne - ajuster la largeur de la cellule

Le redimensionnement des colonnes vous permet de contrôler l’espace occupé par chaque colonne.

Survolez votre curseur sur le **bord droit** ou le **bord gauche** d’une colonne et **cliquez et faites glisser** pour ajuster la largeur.
:::

:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/YoLc9h8D-erziircvDlgT-20260302-210241.png)
:::
::::

***

## Modifier le contenu d’une cellule

Chaque cellule d’un tableau est son **propre mini‑éditeur**. Vous pouvez saisir, formater et structurer le contenu exactement comme dans n’importe quel bloc normal, sans outils ou étapes spéciales. Cliquez simplement dans une cellule et commencez à saisir.

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
La sélection d’un texte déclenchera l’apparition du [Menu WYSIWYG](docId:3ftDcaxV2BAq4513WOQ9e) qui vous donne accès au gras, à l’italique, au code en ligne, aux liens et à toute autre mise en forme de base que vous utilisez normalement.


:::

:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/e5Ns1ANbuHq7blSVu361B-20260302-214253.png)
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Les cellules prennent également en charge l’insertion de blocs. Voici les blocs utilisables dans une cellule :

- **Titres**
- **Listes**
- **Images**&#x20;

Ce sont les seuls types de blocs pris en charge dans les cellules de tableau.
:::

:::VerticalSplitItem
::Image[]{src="https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/5oyz0_5kBE1A_HmS3FoHN-20260302-214213.png" size="80" width="738" height="697" position="center" darkWidth="738" darkHeight="697" showCaption="false"}
:::
::::

***

## Mode d’édition plein écran&#x20;

Lorsqu’un tableau devient grand ou visuellement complexe, l’éditeur intégré à la page peut sembler étroit.

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Le **Mode d’édition plein écran** vous offre un éditeur dédié spécialement conçu pour gérer de grands ensembles de données et des tableaux larges, ce qui bénéficie à tous :

- **Voir davantage de colonnes en même temps** sans devoir faire défiler horizontalement.
- **Travailler avec un grand nombre de lignes** dans un espace plus fluide et sans distraction.
- **Ajouter, supprimer ou réorganiser des lignes et des colonnes** avec moins d’encombrement visuel.
- **Éviter le reflow de la page** — le reste du document demeure hors du chemin.
:::

:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/BCP9uYIPqxMP5kdbHZ_0Y-20260302-222059.png)
:::
::::



::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Pour ouvrir le mode plein écran, cliquez sur l’**icône d’extension** située dans le coin supérieur droit.

Pour fermer, appuyez simplement sur la touche ou le bouton <font color="#EF4444">`esc`</font>, ou cliquez à l’extérieur.&#x20;

Chaque modification est enregistrée automatiquement.


:::

:::VerticalSplitItem
::Image[]{src="https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/H1HYQVKfvyTuBSiPsRGeA-20260302-221726.png" size="80" width="368" height="236" position="center" darkWidth="368" darkHeight="236" showCaption="false"}
:::
::::

Voici un exemple de tableau utilisant des en‑têtes figés :

| **Fonctionnalité**                             | **Croissance**    | **Mise à l’échelle** | **Entreprise**      |
| ---------------------------------------------- | ----------------- | -------------------- | ------------------- |
| Spaces & Documents                             | Illimité          | Illimité             | Illimité            |
| Espaces publics                                | ✅                 | ✅                    | ✅                   |
| Publication sur domaine personnalisé           | ✅                 | ✅                    | ✅                   |
| CDN et optimisation d’images                   | ✅                 | ✅                    | ✅                   |
| Vérification de documents                      | ✅                 | ✅                    | ✅                   |
| Recherche en texte intégral                    | ✅                 | ✅                    | ✅                   |
| Optimisation SEO                               | ✅                 | ✅                    | ✅                   |
| Optimisation AI/LLM                            | ✅                 | ✅                    | ✅                   |
| Stockage de fichiers                           | 10GB + 2GB/membre | 20GB + 10GB/membre   | 100GB + 10GB/membre |
| Historique des révisions de documents          | 1 an              | 2 ans                | 5 ans               |
| Domaines personnalisés                         | 1                 | 1                    | Par contrat         |
| Liens d'espaces pour documents multi-produits  | —                 | ✅                    | ✅                   |
| Liens de version pour documents multi-versions | —                 | ✅                    | ✅                   |
| Localisation linguistique                      | —                 | ✅                    | ✅                   |
| Variables réutilisables                        | —                 | ✅                    | ✅                   |
| Analytique de recherche                        | —                 | ✅                    | ✅                   |
| Groupes d'espaces                              | —                 | ✅                    | ✅                   |
| Traductions IA automatisées                    | —                 | —                    | ✅                   |
| Règles d’affichage et contenu conditionnel     | —                 | —                    | ✅                   |
| Lecteurs et trafic                             | Illimité          | Illimité             | Illimité            |
| Authentification par mot de passe              | ✅                 | ✅                    | ✅                   |
| Comptes invités                                | —                 | ✅                    | ✅                   |
| Liens magiques                                 | —                 | ✅                    | ✅                   |
| JWT                                            | —                 | ✅                    | ✅                   |
| SAML                                           | —                 | —                    | ✅                   |

***

## Mode de visualisation plein écran pour les lecteurs

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Les lecteurs peuvent agrandir n’importe quel tableau en cliquant sur l’icône d’extension.&#x20;

Le tableau s’ouvre dans une grande fenêtre modale défilante qui supprime les contraintes de la page, rendant les tableaux larges ou riches en données beaucoup plus faciles à lire.&#x20;
:::

:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/KHC1xa5dsaH7Ch9PE-LG_-20260302-223556.gif)
:::
::::

***

## Exemple

Voici un autre exemple, simplement pour montrer ce que vous pouvez faire avec les tableaux :

| **Ensemble de fonctionnalités 1** | **Ensemble de fonctionnalités 2**                                                                                                                                                    | **Ensemble de fonctionnalités 3** |
| --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------- |
| Lecteurs illimités                | :inlineImage[]{src="https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/woqyzd8gCyu9t8AepPjXp_archbee-logo-typemark-light.png" alt caption size="60" width="256" height="64"} | SAML                              |
| Domaine personnalisé              | Intégrations avancées                                                                                                                                                                | API Access                        |
| Image de marque complète          |  Code personnalisé                                                                                                                                                                   | Customer Success Manager          |

***

::::LinkArray{contentSource="CUSTOM"}
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"} &#x20;**&#x20;Trouver d’autres blocs**

Découvrez de nouvelles façons et de nouveaux blocs pour créer des pages de documentation superbes et fonctionnelles.

[Consultez tous les blocs](docId\:oSw7o7IGH93-6KHkyg-eL)&#x20;
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}**&#x20; Besoin d’aide ?  ⬇️**

Utilisez la **bulle de discussion** **bleue&#x20;**&#x64;ans le coin inférieur droit.

Ou essayez le **Chat IA** (depuis la barre de recherche) pour obtenir des réponses rapides.
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}**&#x20;  Votre opinion compte**

Utilisez le formulaire de rétroaction ci-dessous, de manière anonyme.

Ou posez une question dans la **section Q\&R** et notre équipe ou l’IA vous donnera une solution.
:::
::::

