在具有 Html 服务的站点中显示电子表格数据 [关闭]答案

【问题标题】：Display Spreadsheet data in Sites with Html Service [closed]在具有 Html 服务的站点中显示电子表格数据 [关闭]
【发布时间】：2013-05-21 01:45:13
【问题描述】：

我显示我想做的类似于tutorial，但我不想使用 UI 服务来显示表格，而是想使用 HTML 服务。来自question 的某人提到您可以使用模板化 HTML 以 html 格式显示电子表格数据。有人可以详细说明这个话题吗？像this 这样的简单示例会很有帮助，因为我希望看到它的演示。

谢谢！

【问题讨论】：

标签： google-apps-script google-sheets google-apps

【解决方案1】：

在文档here 中有一个使用模板化 HTML 从电子表格数据中显示表格的简单示例。

我已经发布了a running copy，使用了来自 Waqar 教程的相同数据，以便于比较。源spreadsheet is here，脚本也是。（编辑：下面还提供了脚本。）

代码.gs

// All code in this script is copied from
// https://developers.google.com/apps-script/guides/html-service-templates

function doGet() {
  return HtmlService
      .createTemplateFromFile('index')
      .evaluate();
}

function getData() {
  return SpreadsheetApp
      .openById('0AvF9FEyqXFxAdEplRHp5dGc4Q1E3OXMyV2s4RktiQWc')
      .getDataRange()
      .getValues();
}

index.html

<? var data = getData(); ?>
<table border='1px solid black'>
  <? for (var i = 0; i < data.length; i++) { ?>
    <tr>
      <? for (var j = 0; j < data[i].length; j++) { ?>
        <td><?= data[i][j] ?></td>
      <? } ?>
    </tr>
  <? } ?>
</table>

【讨论】：

哇！一个 8 年前的帖子，这正是我一直在寻找的！谢谢！