All Collections
Website Builder
Website Elements
Website Builder: How to Add a Table
Website Builder: How to Add a Table

Learn how to embed tables to your website using Hostinger Website Builder

Updated over a week ago

Tables are very useful for displaying particular information such as size charts or pricing.

You can create tables using free online table generators and embed them into your website. In this example, the Tables Generator tool is used. Follow the below steps to create a simple table and embed it on your website 👇

1. Open the Tables Generator tool.

2. Create and customize your table using the toolbar and enter all values inside the table cells. Click on Generate:

3. Once you've created a table, copy the generated code:

4. Open your website editor and add an embed code element. Paste the copied code into it. The created table will be displayed on your website:

NOTE: For the table to be scrollable, add html{ overflow-x: visible; } at the beginning of your code, after the <style type="text/css">

<style type="text/css">
overflow-x: visible;

.tg {your code...

You can save your table data for future editing using the Save table... button. You will be able to upload your saved table to this tool again using the Load table... button and make changes to the table later:

Did this answer your question?