Como usar: CSV e Excel para Tabela HTML
- Cole células de CSV ou Excel, abra um arquivo
.csv,.xlsxou.json, ou carregue o exemplo. - Escolha um estilo: marcação simples, CSS embutido ou classes Bootstrap, e adicione seus próprios nomes de classe, se precisar.
- Ative ou desative
<thead>, escape de HTML, tratamento de quebras de linha e minificação. - Confira a pré-visualização renderizada e depois copie a marcação ou baixe o arquivo.
O que é um gerador de tabela HTML?
Um gerador de tabela HTML converte linhas de dados em marcação <table> que você pode colar em uma página web, CMS, e-mail ou documentação. Escrever essa marcação à mão é lento e propenso a erros: cada célula precisa da sua própria tag e os caracteres especiais precisam ser escapados. Esta ferramenta faz tudo isso a partir de CSV, células do Excel ou JSON em um único passo.
Marcação acessível e semântica
A linha de cabeçalho vira <thead> com células <th scope="col">, e os dados vão dentro de <tbody>. Leitores de tela usam esses elementos para anunciar o nome da coluna de cada célula, e os navegadores repetem o <thead> em cada página impressa. Uma <caption> opcional dá à tabela um nome acessível.
<table class="data-table">
<thead>
<tr>
<th scope="col">name</th>
<th scope="col">plan</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ada Lovelace</td>
<td>pro</td>
</tr>
</tbody>
</table>
O escape faz diferença
Com Escapar HTML nas células ativado (o padrão), caracteres como <, >, & e " são convertidos em entidades, então um valor como <b> aparece como texto em vez de alterar a página. Desative apenas quando suas células contiverem HTML confiável de propósito, como links. A pré-visualização roda em um frame isolado (sandbox) com scripts desativados.
Opções de estilo
| Estilo | O que você recebe |
|---|---|
| HTML puro | Marcação simples que herda o CSS do seu site |
| CSS embutido | Um pequeno bloco <style> com bordas, fundo do cabeçalho, linhas zebradas e números alinhados à direita |
| Bootstrap | Classes table table-striped table-bordered para sites com Bootstrap 4/5 |
Para o rich text do Webflow e sites baseados em Markdown, uma tabela Markdown pode ser mais simples. Para converter uma tabela HTML existente em Markdown, use HTML para Markdown.
Também pesquisado como: csv para html, excel para tabela html, gerador de tabela html, converter csv em tabela html, json para tabela html, planilha para html.
Ferramentas que combinam com: CSV e Excel para Tabela HTML
- Gerador de Select — Chega de digitar listas de opções na mão.
- Formatador HTML — Cole HTML minificado ou bagunçado e receba um código limpo e com indentação consistente, incluindo os blocos <style> e <script> embutidos.
- Markdown para HTML — Escreva ou cole Markdown e obtenha HTML limpo na hora, com pré-visualização ao vivo sanitizada, tabelas no estilo GitHub, listas de tarefas e blocos de código cercados.
- Excel para JSON — Abra uma pasta de trabalho .xlsx ou cole células direto do Excel ou do Google Sheets e receba um JSON limpo.
Perguntas frequentes
Como converter uma tabela do Excel para HTML?
As células podem conter links ou outro HTML?
A tabela será responsiva?
overflow-x:auto, como fazem a maioria dos frameworks responsivos.