How to add a responsive table to a Webnode website?

Do you need to add a table to your Webnode website?

In Webnode editor this function is missing, but the table can be created using external app – tablesgenerator.com.

Instructions for creating and inserting a spreadsheet for Webnode Webpages.

1. Click this link to redirect you to an external table creation service.

2. You can now completely create a your own table. If you have some data stored, for example, in Ms Word or Ms Excel or in another document, you can use the Data Import function to create a table and speed up the process.

3. You can edit the table according to your ideas. For example, you can use one of the themes to improve the look of your table.

4. If you are satisfied with the table you have created, set the table to be responsive / it means that the table will adjust to the screen size (mobile, tablet, etc.).

5. You have the HTML code of the table ready. Click “Generate” and copy the code by clicking the “Copy to clipboard” button.

6. Put your HTML code on your Webnode website. Use the + and “HTML” feature.

7. Publish changes

8. You’re done. Good job! 🙂

TIP:

Insert the HTML code between the tags (<center> </center>) and your table will be centered.

A table is now showing on your website. The table you created may look like this:

TIP: Put reservation system on the web for online booking in Webnode. Read more in the tutorial: How to add an online reservation system to Webnode? It’s Free!

More awesome tutorials