code.gs程式


// 連結HTML檔案

function doGet(){

  var x=HtmlService.createTemplateFromFile("Index");
  var y= x.evaluate();
  //  避免無法顯示在網際網路上
  var z = y.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
  return z;
}


// 抓試算表裡的資料
function getData(){

  var a=SpreadsheetApp.getActiveSpreadsheet();
  // 連結試算表，請更改成您的試算表名稱
  var b=a.getSheetByName("Sheet1");
  var c=b.getDataRange();
  return c.getValues();

}

index.html程式

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">

    <style>

      table, td{
        border:1px solid black;
        font-size:30px;
      }

      </style>

  </head>
  <body>
    <!-- 將Google Script裡頭的function抓進來 -->
     <? var data = getData(); ?>
    <table>
        <!-- 每一列資料 -->
        <? 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>


    

  </body>
</html>

發表迴響