{"id":858,"date":"2022-08-16T11:51:00","date_gmt":"2022-08-16T11:51:00","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/16\/6475162-hostinger-website-builder-how-to-add-a-table\/"},"modified":"2025-08-27T06:58:15","modified_gmt":"2025-08-27T06:58:15","slug":"6475162-hostinger-website-builder-how-to-add-a-table","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6475162-hostinger-website-builder-how-to-add-a-table\/","title":{"rendered":"Hostinger Website Builder: How to Add a Table"},"content":{"rendered":"<p class=\"no-margin\">Tables are very useful for displaying particular information, such as size charts or pricing.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">You can create tables using free online table generators and embed them into your website created with <b>Hostinger Website Builder<\/b>. In this example, the <b><a href=\"https:\/\/www.tablesgenerator.com\/html_tables\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Tables Generator<\/a><\/b> tool is used. Follow the below steps to create a simple table and embed it on your website &#128071; <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Open the <b><a href=\"https:\/\/www.tablesgenerator.com\/html_tables\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Tables Generator<\/a><\/b> tool.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Create and customize your table using the toolbar and enter all values inside the table cells. Click on <b>Generate<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/6c289ce2-bb55-4e2e-9ffd-86ace63ab99f.jpg\" alt=\"Creating a table with Tables Generator\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">3. Once you&rsquo;ve created a table, copy the generated code:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/c6b070fd-44d3-408c-b1b3-dd3e44b430c1.jpg\" alt=\"Copying the code of a table created with Tables Generator\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">4. Open <b>Hostinger Website Builder<\/b> and add an<b> <a href=\"\/support\/6463152-website-builder-embed-code\" target=\"_blank\" class=\"intercom-content-link\">embed code<\/a><\/b> element to the preferred area of your website. Paste the copied code into it. <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">For the table to be scrollable, add the below line at the beginning of your code after the first line <code>&lt;style type=\"text\/css\"&gt;<\/code>:<\/p><pre><code>html{overflow-x: visible;}<\/code><\/pre><p class=\"no-margin\">The created table will be displayed on your website:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/2b46f7b0-b9a2-4185-8cfd-e8618da752d2.jpg\" alt=\"Using the embed code element in Hostinger Website Builder\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">You can save your table data for future editing using the <b>Save table&hellip;<\/b> button. You will be able to upload your saved table to this tool again using the <b>Load table&hellip;<\/b> button and make changes to the table later:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/8928bfb2-403e-44cf-9a9c-246737551d92.jpg\" alt=\"Creating a table in Tables Generator\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">And that&rsquo;s it!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to embed tables to your website using Hostinger Website Builder<\/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":[280],"tags":[],"class_list":["post-858","post","type-post","status-publish","format-standard","hentry","category-website-elements"],"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\/support\/wp-json\/wp\/v2\/posts\/858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=858"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/858\/revisions"}],"predecessor-version":[{"id":3511,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/858\/revisions\/3511"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}