在具有Html服务的站点中显示电子表格数据

时间:2013-05-21 01:45:14

标签: google-apps-script google-sheets google-apps

我显示 我想要做的与此tutorial类似,但我不想使用UI服务来显示表,我想使用HTML服务。这个question的某个人提到你可以使用模板化HTML在html中显示电子表格数据。任何人都可以详细说明这个话题吗?像this这样的简单示例非常有用,因为我希望看到它的演示有效。

谢谢!

1 个答案:

答案 0 :(得分:5)

有一个简单的示例,即使用模板化HTML来显示文档here中提供的电子表格数据中的表格。

我发布了a running copy,利用Waqar教程中的相同数据进行简单比较。源spreadsheet is here和脚本一样。 (编辑:脚本也在下面提供。)

Code.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>