Qu'est-ce qu'un tableau Markdown ?

Un tableau Markdown est un moyen d'afficher des données structurées en lignes et colonnes en utilisant la syntaxe du texte brut. Les tableaux en Markdown sont construits avec des barres verticales (|) pour séparer les colonnes et des tirets (-) pour définir le séparateur de ligne d'en-tête. Bien qu'ils soient écrits en texte brut, les tableaux Markdown s'affichent sous forme de tableaux HTML propres et formatés sur des plateformes comme GitHub, GitLab, Notion et la plupart des systèmes de documentation.

Les tableaux Markdown supportent également l'alignement des colonnes. En ajoutant des deux-points à la ligne de séparation, vous pouvez aligner le texte à gauche (:---), au centre (:---:), ou à droite (---:). Cela facilite le formatage des données numériques ou la création de mises en page visuellement équilibrées sans quitter votre éditeur de texte.

Description de l'outil

Un générateur visuel de tableaux Markdown qui vous permet de définir des colonnes, de définir les alignements, de remplir les données de lignes et de générer instantanément une syntaxe de tableau Markdown correctement formatée. L'outil fournit un aperçu HTML en direct à côté du code généré, afin que vous puissiez voir exactement comment votre tableau s'affichera avant de le copier dans votre document.

Exemples

Entrée : 3 colonnes (Nom, Âge, Ville) avec alignement à gauche, à droite et au centre, et 2 lignes de données.

Sortie avec mise en forme :

| Nom   | Âge | Ville  |
| :---- | --: | :----: |
| Alice |  30 | Londres |
| Bob   |  25 | Paris  |

Sortie compacte :

| Nom | Âge | Ville |
| :--- | ---: | :---: |
| Alice | 30 | Londres |
| Bob | 25 | Paris |

Fonctionnalités

  • Éditeur de colonnes visuel : Définissez les noms d'en-têtes et l'alignement par colonne (gauche, centre, droite ou aucun) via une interface de liste intuitive
  • Aperçu HTML en direct : Voyez votre tableau rendu sous forme de HTML formaté en temps réel au fur et à mesure que vous tapez
  • Modes avec mise en forme et compacte : Choisissez entre une sortie complétée et alignée pour la lisibilité ou une syntaxe compacte minimale pour la concision
  • Échappement automatique des caractères : Les caractères de barre verticale et les sauts de ligne dans le contenu des cellules sont échappés automatiquement pour éviter une syntaxe de tableau cassée
  • Sortie de code modifiable : Examinez et ajustez manuellement le Markdown généré directement dans l'éditeur de code avec coloration syntaxique

Options expliquées

  • Colonnes : Définissez le nombre de colonnes (1–20). Chaque colonne a un nom d'en-tête et un paramètre d'alignement
  • Lignes : Définissez le nombre de lignes de données (0–50). Les champs de ligne se mettent à jour dynamiquement pour correspondre aux colonnes définies
  • Alignement : Choisissez l'alignement du texte par colonne — Aucun (par défaut), Gauche, Centre ou Droite
  • Mode compacte : Lorsqu'il est activé, génère un Markdown minimal sans remplissage d'espace blanc. Lorsqu'il est désactivé, complète les cellules à largeur égale pour un tableau soigneusement aligné et lisible

Cas d'utilisation

  • Documentation et README : Créez rapidement des tableaux formatés pour la documentation de projet, les références API ou les tableaux de comparaison sur GitHub et GitLab
  • Rédaction technique : Générez des tableaux Markdown correctement alignés pour les articles de blog, les tutoriels ou les articles de base de connaissances sans mémoriser la syntaxe
  • Présentation de données : Formatez de petits ensembles de données en tableaux propres et lisibles pour les rapports ou les notes dans des outils basés sur Markdown comme Obsidian ou Notion