{"id":1779,"date":"2022-12-19T00:17:33","date_gmt":"2022-12-19T00:17:33","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2022\/12\/19\/6475162-hostinger-criador-de-sites-como-adicionar-uma-tabela\/"},"modified":"2025-08-27T06:10:22","modified_gmt":"2025-08-27T06:10:22","slug":"6475162-hostinger-criador-de-sites-como-adicionar-uma-tabela","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6475162-hostinger-criador-de-sites-como-adicionar-uma-tabela\/","title":{"rendered":"Hostinger Criador de Sites: Como Adicionar Uma Tabela"},"content":{"rendered":"

Tabelas são muito úteis quando precisamos organizar informações – como tabelas de medidas ou tabelas de preços<\/p>

\n<\/p>

Você pode criar tabelas usando ferramentas externas gratuitas e embuti-as no seu site. Neste artigo, vamos usar a ferramenta externa Tables Generator<\/a><\/b> (disponível em inglês) para mostrar como você pode criar e embutir tabelas nas suas páginas. <\/p>

\n<\/p>

1. Abra a ferramenta Tables Generator<\/a><\/b>.<\/p>

\n<\/p>

2. Use os botões do menu para criar e personalizar a tabela. Digite os valores dentro das células da tabela e clique em Generate <\/b>[Gerar]:<\/p>

\n<\/p>

<\/div>

\n<\/p>

3. Com a tabela criada, clique em Copy to clipboard<\/b> [Copiar para área de transferência] para copiar o código gerado pela ferramenta:<\/p>

\n<\/p>

<\/div>

4. Entre no Criador de Sites da Hostinger e adicione um elemento de Código embutido<\/a><\/b>. Cole o código que você copiou no Tables Generator e clique em Embutir código<\/b>. A tabela vai aparecer no seu site.<\/p>

\n<\/p>

<\/div>

\n<\/p>

\n<\/p>

\n<\/p>

\n<\/p>

\n<\/p>

OBSERVAÇÃO: <\/b><\/p>

\n<\/p>

    \n
  • \n

    Se você quer que o visitante possa rolar para baixo e visualizar mais dados da tabela, adicione html{ overflow-x: visible; }<\/code><\/b> no começo do código, logo depois da parte <style type=\"text\/css\"><\/code><\/b>. Confira o exemplo abaixo:<\/p>\n<\/li>\n<\/ul>

    <style type=\"text\/css\">
    html{
    overflow-x: visible;
    }

    .tg {O CÍDIGO COPIADO FICA AQUI...<\/code><\/pre>
      \n
    • \n
      Você também pode usar a ferramenta Tables Generator para salvar as informações da sua tabela para usar no futuro (clique em Save table…<\/b>). Para importar essas informações depois, clique no botão Load table…<\/b><\/p>\n<\/li>\n<\/ul>
      <\/div>\n","protected":false},"excerpt":{"rendered":"
      Aprenda a adicionar uma tabela no seu site usando o Criador de Sites da Hostinger<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[257],"tags":[],"class_list":["post-1779","post","type-post","status-publish","format-standard","hentry","category-elementos-do-site"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6475162-hostinger-website-builder-how-to-add-a-table\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6475162-hostinger-creador-de-sitios-web-como-insertar-una-tabla\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6475162-hostinger-createur-de-sites-web-comment-ajouter-un-tableau\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6475162-hostinger-svetainiu-kurimo-irankis-kaip-prideti-lentele\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6475162-hostinger-criador-de-sites-como-adicionar-uma-tabela\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1779","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/comments?post=1779"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1779\/revisions"}],"predecessor-version":[{"id":3157,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1779\/revisions\/3157"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}