javascript - 将谷歌电子表格中的数据提取到 html 表中

标签 javascript html google-sheets

我有一个谷歌电子表格,它在我的工作中存储数据,并通过谷歌驱动器不断更新,所以它总是在线编辑,我想做的是能够提取这些单元格中的值并让它们显示出来在我网站上的 HTML5 表格中,最好的解决方案是什么?

我确实尝试了一种方法,就是将电子表格嵌入到 iFrame 中并每 5 分钟刷新一次,但刷新加载速度太慢,每次都试图让电子表格完全适合 iframe 时会出现问题我刷新。这些网站将显示在电视屏幕上,所以我不想定期调整它们,它们会自动刷新并闲置。

最佳答案

您的 Google 表格的行/列可以导出为非常小的 HTML 表格。您可以获取该 HTML 并根据需要对其进行操作。获取方法如下:

  1. 打开工作表并在 URL 中找到您的 file_id,以及您要导出的特定标签的 gid(您可能在一个文件中有多个电子表格单个 Google 表格)。

  2. 使用此 URL 字符串,替换 <FILE_ID> <TAB_GID> 用你自己的:

    • https://docs.google.com/spreadsheets/d/<FILE_ID>/gviz/tq?tqx=out:html&tq&gid=<TAB_GID>

如有必要,您可以在文件 > 电子表格设置下将刷新/重新计算频率设置为每分钟一次。


示例:

Here是带有一些数据的 Google 表格。要将其导出为 HTML 表格,我们采用:

  • file_id:1BxiMVs0XRA5nFMdKvBdBZjgmUUqptlbs74OgvE2upms
  • tab_gid:0

从 URL 并将其替换为 URL 字符串(如上),产生:

https://docs.google.com/spreadsheets/d/1BxiMVs0XRA5nFMdKvBdBZjgmUUqptlbs74OgvE2upms/gviz/tq?tqx=out:html&tq&gid=0


希望对您有所帮助。 🍻

关于javascript - 将谷歌电子表格中的数据提取到 html 表中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27764318/

相关文章:

javascript - IE7 图像在从服务器加载 YUI 时消失

javascript - className 与 get/setAttribute 方法

html - 背景图像在 Chrome、Firefox 中不显示

excel - 如何测试单元格是否为空白或实际上是对 Excel 或 Google Sheets 中空白单元格的引用?

javascript - 如何检查对象之间的字段值(存储在关联数组中)是否相等?

javascript - 是否有适用于 MS Word 的应用程序 URL 协议(protocol)?

html - 使用 CSS 使开关切换更暗

multithreading - 如何创建触发器以并行运行多个功能(传递参数)

excel - 包含特定文本的单元格计数

javascript - 在 dc js 中创建堆叠条形图