如何將Google Sheet中的資料顯示於網頁中?
依照「C w C 頻道 iPhone」的影片做就可以成功哦!
https://youtu.be/zzIY22dHqY8?si=qLBAC8evMS5wVfGA
還有這個運用教學也很棒，「Papaya 電腦教室」
https://www.youtube.com/watch?v=fKTnjZfPVh4&t=510s
程式碼如下：
程式碼.gs
//連結檔案
function doGet(){
var x= HtmlService.createTemplateFromFile("Index.html");
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;
padding: 8px;
}
</style>
</head>
<body>
<? 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>
沒有留言:
張貼留言