Conversor de CSV para tabela HTML

Conversor de CSV para tabela HTML: cole as linhas e gere o código | We.Inc

Conversor grátis de CSV para tabela HTML. Cole dados separados por vírgula, ponto e vírgula ou tabulação, ou células copiadas de uma planilha, e receba uma tabela HTML limpa e acessível.

Conversor de CSV para tabela HTML

Cole linhas de um arquivo CSV ou direto de uma planilha e receba um código de tabela HTML organizado, com linha de cabeçalho, texto com escape e atributos scope para leitores de tela. Use para colocar uma lista de preços, horários de funcionamento, uma tabela de medidas ou uma comparação em um site sem digitar cada célula à mão.

  • Cole seus dados. Células copiadas do Excel ou do Google Planilhas chegam separadas por tabulação, então escolha Tabulação; um arquivo .csv salvo costuma usar vírgulas.
  • Deixe marcado 'A primeira linha é o cabeçalho' se a primeira linha tiver os nomes das colunas. Eles viram células th dentro de thead.
  • Adicione um nome de classe se o seu site estiliza tabelas com uma, como 'price-table'.
  • Copie o HTML para a sua página ou baixe. Linhas mais curtas que a maior são completadas com células vazias para as colunas ficarem alinhadas.
  • Valores que contêm o separador, como 'Bread, rye' em um arquivo com vírgulas, precisam estar entre aspas duplas no CSV. Exportações de planilhas fazem isso automaticamente.
  • Use tabelas só para dados que realmente têm linhas e colunas. Usar tabela para montar o layout de uma página dificulta a leitura no celular e em leitores de tela.
  • Coloque uma frase curta ou uma legenda acima da tabela dizendo o que ela mostra. Isso ajuda visitantes e buscadores a entender os números.
  • Tabelas largas transbordam no celular. Envolva a tabela em uma div com overflow-x: auto para ela rolar para o lado em vez de quebrar a página.

Perguntas frequentes

Como converto CSV em tabela HTML?

Cole o CSV, escolha o separador e copie o código. Cada linha vira uma linha tr e cada valor uma célula td; com a opção de cabeçalho, a primeira linha vira células th com scope="col". Por exemplo, 'Item,Price' e depois 'Soup,$5' gera uma tabela com os cabeçalhos Item e Price e uma linha: Soup, $5.

Posso colar direto do Excel ou do Google Planilhas?

Sim. Ao copiar células, elas vão para a área de transferência separadas por tabulação. Escolha Tabulação como separador e cole.

E vírgulas e aspas dentro dos valores?

O conversor segue as regras comuns de CSV: um valor entre aspas duplas pode conter o separador e quebras de linha, e aspas duplas dentro dele são escritas como duas aspas duplas. "Say ""hi""" vira Say "hi".

O texto recebe escape?

Sim. Caracteres como <, > e & viram entidades HTML, então uma célula com '<5 kg' aparece como texto em vez de quebrar a página.

Meus dados são enviados?

Não. A tabela é criada no seu navegador e nada do que você cola é enviado para lugar nenhum.

Por que células de cabeçalho e scope importam

  • Um leitor de tela anuncia a célula junto com o cabeçalho da coluna, então quem ouve escuta 'Price, $5' em vez de só '$5'. Isso só funciona quando os cabeçalhos estão marcados como células th. O atributo scope="col" tira qualquer dúvida sobre se um cabeçalho pertence a uma coluna ou a uma linha, o que importa principalmente em tabelas com várias células de cabeçalho.
  • Colocar a linha de cabeçalho em thead e o resto em tbody também ajuda na impressão: muitos navegadores repetem a linha thead no topo de cada página impressa quando uma tabela longa ocupa várias páginas.

Escolhendo o separador certo

  • CSV significa separado por vírgulas, mas o separador varia. Planilhas de países que escrevem decimais com vírgula, como Alemanha ou Brasil, costumam exportar com ponto e vírgula para que 2,50 continue sendo um único valor. Copiar de uma planilha gera tabulações. Se o resultado mostra tudo em uma coluna, o separador escolhido não corresponde aos seus dados.
  • Quando uma tabela aparece deslocada uma coluna em algumas linhas, procure um separador sem aspas dentro de um valor, como um endereço com vírgula. Coloque esse valor entre aspas duplas na origem, ou exporte o arquivo de novo, e converta outra vez.

Dados CSV

Item,Price,Size Sourdough loaf,$8,900 g "Croissant, butter",$3.50,1 piece Coffee,$4,12 oz

Separador

Vírgula ,

Ponto e vírgula ;

Tabulação (colado de uma planilha)

A primeira linha é o cabeçalho

Classe da tabela (opcional)

Cole algumas linhas de dados para converter.

Tabela HTML

Comece grátis · Sem cartão de crédito

Relacionados: Ferramentas grátis

Produto

Para quem é

Recursos

Recursos

Empresa

Mapa do site