如何通过AppScript从GS传递的数组生成动态HTML表格？

首先要明确：getValues()返回的是二维数组，哪怕你取的是单列，每个元素也是包含单个单元格值的子数组。要在HTML模板里生成动态表格行，需要用Google Apps Script的HTML模板语法遍历这个数组。

步骤1：优化GS端数据获取（可选但推荐） #

原代码里getRange("B2:B")会包含列内所有空行，建议改为只获取有数据的行，避免无效空元素：

// 替换原products获取代码
var lastRow = tempSheet.getLastRow();
var products = tempSheet.getRange(2, 2, lastRow - 1, 1).getValues();

步骤2：修改HTML模板生成动态表格 #

在template.html里，用<? ?>包裹循环逻辑，遍历products数组生成每一行：

<table border="1"> <!-- 加border方便预览，可按需移除 -->
  <tr>
    <th>Product Name</th>
  </tr>
  <? for (var i = 0; i < products.length; i++) { ?>
    <tr>
      <!-- 从二维数组的子元素中取出具体产品名称 -->
      <td><?= products[i][0] ?></td>
    </tr>
  <? } ?>
</table>

补充说明 #

• <? ?>：用于执行JavaScript逻辑（比如循环），不会输出内容到最终HTML
• <?= ?>：用于输出变量值到HTML，会自动转义特殊字符
• 如果你的products数组可能包含空值，可以在循环里加判断过滤空行：

<? for (var i = 0; i < products.length; i++) { 
    var productName = products[i][0];
    if (productName) { // 跳过空值行
?>
    <tr>
      <td><?= productName ?></td>
    </tr>
<? } } ?>

内容的提问来源于stack exchange，提问作者Casual_Boy