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

s20*_*der 1 google-apps google-sheets google-apps-script

我显示了我想要做的与本教程类似但不使用UI服务来显示表格,我想使用HTML服务.该问题的某个人提到您可以使用模板化HTML在html中显示电子表格数据.任何人都可以详细说明这个话题吗?就像一个简单的例子将非常有帮助的,因为我想看到的演示它的工作原理.

谢谢!

Mog*_*dad 5

存在使用模板HTML来显示从电子表格数据可用的一个表的文档中,一个简单的例子在这里.

我使用Waqar教程中的相同数据发布了一个正在运行的副本,以便于比较.源电子表格就在这里,脚本也是如此.(编辑:脚本也在下面提供.)

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();
}
Run Code Online (Sandbox Code Playgroud)

的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>
Run Code Online (Sandbox Code Playgroud)