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:

Moštové bílé odrůdy
Název odrůdy Rok registrace původ osázená plocha ha
1. Aurelius 1983 CZ 56.52
2. Auxerrois 2004 W 1.17
3. Děvín 1998 SK 27.3
4. Erilon 2011 CZ 1.39
5. Florianka 2010 CZ 2.14
6. Hibernal 2004 DE 193.71
7. Chardonnay 1987 W 897,12
8. Irsai Oliver 1972 HU 89,92
9. Kerner 2001 DE 53,46
10. Lena 2001 CZ 5.51
11. Malverina 2001 CZ 11,54
12. Medea 2014 CZ 0,24
13. Mery 2015 CZ 0
14. Muškát moravský 1987 CZ 425,76
15. Muškát Ottonel 1952 W 63,4
16. Műller Thurgau 1941 W 1545,9
17. Neuburské 1941 W 301,1
18. Pálava 1977 CZ 452,05
19. Rinot 2008 CZ 5,01
20. Rulandské bílé 1941 W 811,83
21. Rulandské šedé 1941 W 912,49
22. Ryzlink rýnský 1941 W 1225,99
23. Ryzlink vlašský 1941 W 1195,73
24. Sauvignon 1952 W 944,27
25. Savilon 2010 CZ 6,79
26. Svojsen 2015 CZ 0
27. Sylvánské zelené 1941 W 139,74
28. Tramín červený 1941 W 657,99
29. Tristar 2013 CZ 0,06
30. Veltlínské červené rané 1952 W 181,62
31. Veltlínské zelené 1941 W 1665,99
32. Veritas 2001 CZ 0,35
33. Vesna 2012 CZ 0,35 0,00 2012 CZ 0,35
34. Vrboska 2004 CZ 0,65 0,00 2004 CZ 0,65
Celkem: 11878,62
AT – Rakousko, CZ – Česká republika, DE – Německo, HU – Maďarsko, SK – Slovensko,

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

How to add a playlist or album from Spotify to the Webnode website?

How to add a playlist or album from Spotify to the Webnode website?

In the tutorial "3 easy ways to embed an online MP3 player on the web", I showed you very simple way to embed a music player on your Webnode website. Let's take a look at your other options together.Do you LIKE Spotify?Simply embed your Spotify playlist / album to...

How to rename “Add to cart” button in Webnode e-shop?

How to rename “Add to cart” button in Webnode e-shop?

Would you like to rename the "Add to cart" button in Webnode?In tutorial "How to rename" CART in the menu in the WEBNODE e-shop?" i showed u how to rename CART in the menu. Let's take a look at your other options. Webnode for e-shops is a great choice for your online...

How to set up your own font in Webnode using Google Fonts library?

How to set up your own font in Webnode using Google Fonts library?

VideotutorialWould you like to change the font in Webnode to one of the Google Fonts?   Few words at the beginningWebnode enables you to change the font on your website under section: “Settings” – “Design” – “Fonts”. Of course, Webnode editor offers the most used...

How to add social icons into footer in Webnode CMS?

How to add social icons into footer in Webnode CMS?

Would you like to add social icons like Facebook, Instagram, YouTube etc. to the FOOTER of your WEBNODE website?Social networks like Facebook or Instagram are popular topics on my website. I wrote these tutorials:   How do I easily link my Facebook to my website...

How to add a searchbox in Webnode website or e-shop?

How to add a searchbox in Webnode website or e-shop?

Would you like a searchbox (searchbar) on your e-shop/website from WEBNODE?Are you looking for a simple and stylish search box that you can put on your website or e-shop in Webnode?Video-tutorialVideotutorial is only in Slovak language.In tutorial How to add a custom...

Do you like this tutorial? Share it, please 🙂

Follow me