google-apps-script - Html サービスを使用してサイトにスプレッドシート データを表示する

Question

このチュートリアルと同様にやりたいことを表示しますが、UI サービスを使用してテーブルを表示する代わりに、HTML サービスを使用したいと思います。この質問の誰かが、テンプレート化された HTML を使用してスプレッドシート データを html で表示できると述べました。誰かがこのトピックについて詳しく説明できますか? このような単純な例は非常に役に立ちます。デモが機能するのを見たいからです。

ありがとうございました！

Answer 1

テンプレート化された 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();
}

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>