嵌入 Google 试算表
Google 试算表 ( Google SpreadSheet ) 是非常方便的线上试算表应用程序 ( 类似线上 Excel )，不论是任何的操作系统，只需要打开浏览器就能进行试算表的编辑，这篇教学会介绍如何透过 HTML 的实作，将 Google 试算表加到网页中。
将 Google 试算表发布到网络
登录 Google 账号后，从云端硬盘里新增或打开一份 Google 试算表，进入选单“文件 > 共用”，点击“发布到网络”。
选择对话视窗里的“内嵌”页签，点击“发布”。
出现可以嵌入在网页的程序码后，表示发布完成。
嵌入 Google 试算表
复制 Google 试算表里发布的程序码，贴到网页中的 <body> 里，执行后就会看见 Google 试算表出现在网页中。
<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQYNmM84kGT9jsa2dsZvrNCZCEWZVf6bUStil_SA3PauSGZY3wLrzUtsXVmr4ZKwcnEQ1s_2J-sw7dq/pubhtml?widget=true&headers=false"></iframe>
Google 试算表嵌入网址参数与属性
嵌入 Google 试算表之后，可以透过网址参数和 iframe 的属性设定 Google 试算表，常用的设定参考：
iframe 属性
| 属性 | 说明 |
|---|---|
| width | 宽度 ( 可使用 CSS 取代 )。 |
| height | 高度 ( 可使用 CSS 取代 )。 |
| src | Google 试算表网址。 |
| frameborder | iframe 边框 ( 可使用 CSS 调整 )。 |
网址参数
| 参数 | 说明 |
|---|---|
| gid | 工作表 id ( 可从网址列看出 )。 |
| single | 只呈现单一工作表，默认 false。 |
| widget | 出现下方切换工具列，默认 true。 |
| headers | 出现左侧行数数字，默认 true。 |
下方的 HTML 会用两组不同网址参数的程序码，加载同样的一份 Google 试算表，最后呈现的结果就会不同。
<iframe width="400" height="200" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQYNmM84kGT9jsa2dsZvrNCZCEWZVf6bUStil_SA3PauSGZY3wLrzUtsXVmr4ZKwcnEQ1s_2J-sw7dq/pubhtml?gid=621518378&single=true&widget=true&headers=false"></iframe>
<iframe width="400" height="200" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQYNmM84kGT9jsa2dsZvrNCZCEWZVf6bUStil_SA3PauSGZY3wLrzUtsXVmr4ZKwcnEQ1s_2J-sw7dq/pubhtml?gid=0&single=false&widget=true&headers=true"></iframe>
微信扫码关注
抖音扫码关注