如何使用Google表格列表中的值填充HTML表？

Question

我正在使用Google表格文件創建一個名為“ POHistory”的標簽，其中包含我們公司客戶下的所有訂單明細的日志。 每個日志條目可以具有一個或多個行/行，具體取決於在該特定訂單上訂購了多少個不同的SKU。 每個行/條目都包括訂單號，供應商，訂單日期和訂單總數。 因為每個條目都可以重復采購訂單編號（如果訂單上訂購了多個SKU），我想列出（以表格格式）我們公司的訂單歷史記錄概覽，以便用戶快速查看所有商品的清單訂單放置在HTML彈出窗口中，沒有SKU詳細信息。 因此，我知道我需要創建一個循環，該循環僅獲取我想要的表格詳細信息（訂單號，供應商，日期，訂單總數），但是不確定從哪里開始。 之前，我已經使用選擇選項列表完成了此操作，但沒有使用表格完成過此操作。 謝謝你的幫助。

APPS SCRIPT:

function htmlOrders() {
  var active = SpreadsheetApp.getActive();
  var sheet = active.getSheetByName("POHistory");
  var lastRow = sheet.getLastRow();
  var myRange = sheet.getRange("A2:A" + lastRow); 
  var data    = myRange.getValues();
  var optionsHTML = "";
  for (var i = 0; i < data.length; i+=1) {
    optionsHTML += '<td>' + data[i][0] + '</td>';
  };
   return optionsHTML;
   }

HTML:
<!DOCTYPE html>
<html>
<head>
</head>
<body>

<table>
  <tr>
    <th>PO Number</th>
    <th>Vendor</th>
    <th>Date</th>
    <th>Total</th>
  </tr>
    <td>
  < ?!= htmlOrders(); ?>
    </td>
</table>

</body>
</html>

Answer 1

您可以將類似這樣的內容放入您的html中：

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
   <script>
   $(function(){
     google.script.run
       .withSuccessHandler(displayData)
       .htmlOrders();
   });
   function displayData(hl){
     document.getElementById('puthere').innerHTML=hl;
   }
   console.log('MyCode');
   </script>
   </head>
   <body>
   <div id="puthere"></div>
   </body>
   </html>

並在服務器腳本中將orderHistory（）添加到htmlOrders（），然后一次將其全部插入div客戶端。

如何使用Google表格列表中的值填充HTML表？

問題描述

1 個解決方案

解決方案1
1 已采納 2018-04-10 01:17:04

如何使用Google表格列表中的值填充HTML表？

問題描述

1 個解決方案

解決方案1 1 已采納 2018-04-10 01:17:04

解決方案1
1 已采納 2018-04-10 01:17:04