Gerador de Tabela Comparativa MD

Tabelas comparativas em Markdown

O Markdown não definiu tabelas na sintaxe original de 2004 — elas surgiram como extensão e foram padronizadas pelo GitHub Flavored Markdown (GFM). Hoje quase todo renderizador relevante suporta: GitHub, GitLab, Bitbucket, Obsidian, Notion (com ressalvas), preview do VS Code, Pandoc, MkDocs, Docusaurus e Hugo. Uma tabela é a forma mais limpa de comparar alternativas lado a lado: faixas de preço, features de frameworks, endpoints de API, definições de schema. O Markdown continua editável em texto puro, joga bem com diff de versionamento e renderiza para um <table> semântico que leitores de tela conseguem expor corretamente.

Sintaxe GFM

Toda tabela tem três blocos: a linha de cabeçalho, a linha separadora com hífens e uma ou mais linhas de corpo. O alinhamento é controlado pela posição dos dois-pontos na linha separadora:

| Framework | Bundle (kB) | Mantenedor |
|-----------|:-----------:|-----------:|
| React     |     45      |       Meta |
| Vue       |     34      |  Evan You  |
| Svelte    |    1.6      |  Rich Harris |

• :--- alinha à esquerda (também é o padrão)
• :---: centraliza a coluna
• ---: alinha à direita — ideal para dados numéricos

Pegadinhas comuns

• O pipe (|) dentro de uma célula precisa ser escapado como \| ou substituído pela entidade |, senão o parser acha que a linha terminou.
• O Markdown não respeita quebras de linha literais dentro da célula — use <br> para quebra suave e listas HTML inline (<ul><li>) quando precisar de bullets.
• Não há sintaxe Markdown para rowspan ou colspan — recorra a HTML puro ou divida a tabela.
• Alguns renderizadores (Reddit, Discord, vários apps de chat) usam um subconjunto de Markdown que ignora tabelas por completo.
• Tabelas com mais de dez colunas viram um caos no celular — quebre em duas ou inverta linhas e colunas.

Trabalhando em escala

Em tabelas grandes editadas por várias pessoas, alinhar colunas na mão é sofrimento. O tablesgenerator.com e o markdowntables.online oferecem editores WYSIWYG que emitem GFM; o vim-table-mode e a extensão "Markdown All in One" do VS Code reformatam as colunas enquanto você digita. O Pandoc converte de/para CSV, LaTeX, HTML e DOCX, útil quando os dados vêm de uma planilha. Incorporar imagem funciona como em qualquer Markdown — ![alt](url) dentro de uma célula renderiza inline.

Perguntas frequentes

Tabelas renderizam em README do GitHub? Sim. O GitHub usa GFM e renderiza tabelas Markdown, com alinhamento, links e HTML inline.

Posso alinhar cada coluna independentemente? Sim — cada célula da linha separadora controla a coluna correspondente via posição dos dois-pontos.

E se a minha tabela ficar muito larga? Divida em várias tabelas agrupadas por tema, transponha linhas e colunas ou troque por uma lista de definições. Em saída HTML também é possível envolver tudo em <div style="overflow-x:auto"> para scroll horizontal no celular.

Consigo embed de imagem dentro da célula? Sim, ![alt](https://...) funciona em célula. Mantenha a imagem pequena ou ela vai estourar a altura da linha.