Scroll

How To Embed a Table To My Website

The best way to embed a table to your website is Google Docs Service. For this you need to have a Gmail account. If you do not have it yet please sign up to Google here https://accounts.google.com/

After signing up please go to Google Docs service here http://drive.google.com/ and create new SpreadSheet document and name it.
1.jpg

Then you can create your table there using tools provided by Google.
2.jpg

When you finish editing your table and are ready to publish it on your website please go to tab 'File' and choose property 'Publish to the web'
3.jpg

Then you'll see a popup window with the settings of publishing:

1. Click on "Embed button";

2. Choose a Sheet you want to embed to your website;

3. Click 'Publish' button;

Then you will see a code that you need to add to HTML widget

Once you will get the code you will need to replace "widget=true" part of the code with "chrome=false&widget=false" and add 'width="100%" height="100%"' code to iframe tag itself. For example i have highlighted code that you need to replace 

<iframe src="https://docs.google.com/spreadsheets/d/1DPaIOm5pQSzfY66AdCyzMY15SItsBtPBQo-9RZMaknU/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false"></iframe>

Once it is done you will have code looking like this

<iframe width="100%" height="100%" src="https://docs.google.com/spreadsheets/d/1DPaIOm5pQSzfY66AdCyzMY15SItsBtPBQo-9RZMaknU/pubhtml?gid=0&amp;single=true&amp;chrome=false&amp;widget=false&amp;headers=false"></iframe>

Now you have the code that can be added to HTML widget
5.jpg

After that please save the changes and preview your website. The Table should be on your page.
6.jpg

 

Have more questions? Submit a request

Comments

Powered by Zendesk