我如何使应用程序脚本上的 html 文件中的此循环仅按行而不是单元格工作？

Question

我正在使用的工作表/应用程序脚本代码：

https://docs.google.com/spreadsheets/d/117Qv89zyKjlUqR_IAb_GJxdJwo64xZ9yiPOTm73baUU/edit#gid=0

https://script.google.com/u/0/home/projects/1g3RRz1kK6CM4PoW55A_O1Fzo-llbUq0M61WNiuKaftFIGRYYrf89vDF1/编辑

我正在循环将给定范围内的所有行放入 HTML 表，然后放入 email。我之前只使用应用程序脚本完成过此操作，但现在我厌倦了学习严格从 HTML 文件工作，因为它是清洁和可读。 我正在打开这个应用程序脚本循环：

for (var i = 0; i < data.length; i++) {
    cells = data[i];
    table = table + "<tr>";
    for (var u = 0; u < cells.length; u++) {
      table = table + `<td style="background-color:${backgrounds[i][u]};height:40px;width:100px;text-align:center;font-family:Oswald">` + cells[u] + "</td>";
    }
  }

进入这个 HTML

      <tbody>
        
          <? for (var i = 0; i < tableRangeValues.length; i++){
            
            cells = tableRangeValues[i];
            for (var u = 0; u < cells.length; u++) {
          
          ?> 
          <!-- each td is a column -->
          <tr> 
            <td style= "background-color:<?= backgrounds[i][u]?>;height:40px;width:100px;text-align:center;font-family:Oswald"><?= cells[0] ?></td>
            <td style= "background-color:<?= backgrounds[i][u]?>;height:40px;width:100px;text-align:center;font-family:Oswald"><?= cells[1] ?></td>
            <td style= "background-color:<?= backgrounds[i][u]?>;height:40px;width:100px;text-align:center;font-family:Oswald"><?= cells[2] ?></td>
            <td style= "background-color:<?= backgrounds[i][u]?>;height:40px;width:100px;text-align:center;font-family:Oswald"><?= cells[3] ?></td>
          </tr>
          
          <?} } ?>

        
      </tbody>

问题出在 for (var u = 0; u < cells.length; u++) 因为该行有 4 个单元格，这可以解释为什么每行在执行时重复 4 次。 像我提到的应用脚本中的相同代码没有重复返回行，所以我假设这是我在 html 上做的语法错误。

我只希望循环给出一次行，这是我以前一直在使用的并且效果很好，除了它不返回从 email 中的 HTML 返回的表格中的 google 工作表上的单元格颜色。

      <tbody>
        
          <? for (var i = 0; i < tableRangeValues.length; i++) {row = tableRangeValues[i];?> 
          <tr>
            <td><?= row[0] ?></td>
            <td><?= row[1] ?></td>
            <td><?= row[2] ?></td>
            <td><?= row[3] ?></td>
          </tr>
          
          <?} ?>

        
      </tbody>

“u”循环是我获取每个单元格颜色的方式，但根据我的理解，u 循环还会导致行在每个单元格中重复。 我无法弄清楚我的语法错误。

感谢任何反馈，我仍在学习 html 并在其中使用 javascript 功能

Answer 1

您可以将循环拆分为多个小脚本

<tbody>
    <? for (var i = 0; i < data.length; i++) { ?>
        <tr>
            <? 
                cells = data[i];
                
                for (var u = 0; u < cells.length; u++) {
            ?>
                <td style="background-color:<?= backgrounds[i][u] ?>;height:40px;width:100px;text-align:center;font-family:Oswald">
                    <?= cells[u] ?>
                </td>
            <?
                }
            ?>
        </tr>
    <? } ?>
</tbody>