CODEWITHSUNDEEP
htmlcssiframegoogle-sheets
jacob
jacob

Reputation: 820

Embed google spreadsheet in HTML (narrow result)

I have a spreadsheet in google drive. I've published it to the web, and pasted the "correct code" on my website.

<iframe src="linkToTheFile"></iframe>

In my case

<iframe src="https://docs.google.com/document/d/1hIs40J7W5OfhplAokR3duEdJUY2rXEjv9muFawcfRS0/pub?embedded=true"></iframe>

as Google instructions say https://support.google.com/docs/answer/183965?hl=sv

But this displays too narrow. This is how it looks on the website. (I have pasted two documents there)

enter image description here

Upvotes: 0

Views: 391

Answers (1)

Rachel Gallen
Rachel Gallen

Reputation: 28563

just add width="600" height="600" before the link (you can customise the width and height and bobs your uncle!

e.g. <iframe width="600" height="600" src="https://docs.google.com/document/d/1hIs40J7W5OfhplAokR3duEdJUY2rXEjv9muFawcfRS0/pub?embedded=true"></iframe>

Upvotes: 2

Related Questions