Google Web Appページ（GASを使用）のhtmlテーブルとして2次元配列を表示する方法

Question

code.gsファイルを使用して、Google Spreadsheetからデータを取得して2次元配列に配置しましたが、次に配列を少し操作します（転置、凝縮など）。

この2-D配列をHTMLテーブルとして表示するWebアプリケーション/ Webページを作成する方法を調べようとしています（幅、色などのテーブル仕様を設定することもできます） 。

これはどのように行うことができますか？

Answer 1

これは一般的に言えば、これを行う方法を説明します。 HTMLを表示するだけです。

https://developers.google.com/apps-script/guides/html/

特定のデータを選択するには、あなたがすでに行ったようにスプレッドシートをつかむために.GSファイルを使用したいと思うでしょう。これで、配列の変更が完了したら、Properties ServiceまたはCache Serviceに格納します。

HTMLページに、.gsファイルをコールバックするJS関数を記述します。

google.script.run 
    .withSuccessHandeler(function(array) { ... //We'll get to this in a moment... }) 
.getMyArray(); 

.gsファイルには、「getMyArray」という関数を記述します。プロパティまたはキャッシュサービスから配列を取得し、配列を返すようにします。

これで、Success Handelerが配列を使用してテーブルにしました。

 // 'array' here will be the return of .getMyArray() 
    .withSuccessHandler(function(array) { 
    for (var i in array) { 
     // Here, make every object into a string of the table you want 
     // i.e. "<table><td>" + array[i] + "<td> ..." 
     // Insert that string into some div.innerHTML 
    } 
.getMyArray(); 

パイ