Gerador de tabelas

Como usar

1. Clique em uma célula da grade e digite ou cole seus dados.
2. Marque A primeira linha é o cabeçalho se a primeira linha contiver os nomes das colunas.
3. Na aba Markdown, mantenha Alinhar colunas (legível) marcado para preencher as células com espaços e alinhar as colunas do código.
4. Selecione a aba do formato desejado e copie o texto da caixa de código.

Exemplos

| Produto | Preço |
| --- | ---: |
| Café 500 g | R$ 24,90 |
| Açúcar 1 kg | R$ 4,80 |

<style>
.art-table{border-collapse:collapse}
.art-table th,.art-table td{border:1px solid #d0d7de;padding:6px 12px}
.art-table th{background:#f6f8fa;font-weight:600}
</style>
<div style="overflow-x:auto;">
  <table class="art-table">
    <thead>
      <tr>
        <th>Produto</th>
        <th style="text-align: right;">Preço</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Café 500 g</td>
        <td style="text-align: right;">R$ 24,90</td>
      </tr>
      <tr>
        <td>Açúcar 1 kg</td>
        <td style="text-align: right;">R$ 4,80</td>
      </tr>
    </tbody>
  </table>
</div>

Indicador;Resultado
Crescimento;12%
Receita_total;R$ 8.500
Pesquisa & desenvolvimento;R$ 1.200

% requires \usepackage{booktabs}
\begin{table}[h]
  \centering
  \begin{tabular}{ll}
    \toprule
    Indicador & Resultado \\
    \midrule
    Crescimento & 12\% \\
    Receita\_total & R\$ 8.500 \\
    Pesquisa \& desenvolvimento & R\$ 1.200 \\
    \bottomrule
  \end{tabular}
  \caption{Indicadores do trimestre}
\end{table}

| Produto | Quantidade | Preço unitário |
| --- | ---: | ---: |
| Caderno | 30 | 18,50 |
| Caneta azul | 120 | 2,90 |

"Produto";"Quantidade";"Preço unitário"
"Caderno";"30";"18,50"
"Caneta azul";"120";"2,90"

Sintaxe de tabela por formato

Markdown (GitHub). As células são separadas por barras verticais, e a segunda linha precisa ser um separador como | --- | --- |. Os dois-pontos definem o alinhamento: :-- à esquerda, :-: ao centro, --: à direita. Escreva uma barra literal como \| e uma quebra de linha dentro da célula como <br>. Veja a tabela em um documento completo com o Visualizador e editor Markdown.

| Name  | Score |
| ----- | ----: |
| Alice |    92 |

HTML. Uma <table> com a linha de cabeçalho em <thead> como células <th> e os dados em <tbody>. Escolha um bloco CSS para páginas web ou estilos inline para e-mail, em que o <style> costuma ser removido.

<table>
  <thead><tr><th>Name</th><th>Score</th></tr></thead>
  <tbody><tr><td>Alice</td><td>92</td></tr></tbody>
</table>

CSV / TSV. Uma linha por registro, com campos separados por vírgula, ponto e vírgula, tab ou barra vertical. Um campo que contém o separador, aspas ou quebra de linha fica entre aspas duplas, e as aspas dentro dele são duplicadas. Precisa de JSON? Use o Conversor CSV para JSON.

Name,Note
Alice,"Admin, ""owner"""

LaTeX. Um ambiente tabular: a especificação de colunas (l, c, r) define o alinhamento, & separa as células e \\ termina a linha. Os caracteres & % $ # _ { } ~ ^ \ precisam ser escapados. O estilo Booktabs exige \usepackage{booktabs}; os outros estilos não precisam de pacotes extras.

\begin{tabular}{|l|r|}
  \hline
  Name & Score \\
  \hline
  Alice & 92 \\
  \hline
\end{tabular}

MediaWiki. A tabela começa com {| e termina com |}; |- inicia uma linha, ! marca células de cabeçalho e | células de dados, com !! e || entre células na mesma linha.

{| class="wikitable"
|-
! Name !! Score
|-
| Alice || 92
|}

Texto. Uma tabela em texto simples para comentários de código, arquivos README e terminais: bordas ASCII (+---+), linhas de caixa Unicode ou um layout compacto com colunas separadas por espaços. Caracteres largos, como chinês ou emoji, contam como duas colunas, então as bordas ficam alinhadas.

+-------+-------+
| Name  | Score |
+-------+-------+
| Alice | 92    |
+-------+-------+