Javascript 如何在html中创建动态/自调整表，在excel/电子表格中显示数据库_Javascript_Html_Google Apps Script_Google Sheets

Javascript 如何在html中创建动态/自调整表，在excel/电子表格中显示数据库

javascript html google-apps-script google-sheets

Javascript 如何在html中创建动态/自调整表，在excel/电子表格中显示数据库,javascript,html,google-apps-script,google-sheets,Javascript,Html,Google Apps Script,Google Sheets,我必须为谷歌电子表格中的数据库数据库制作一个html接口。因此，我不得不使用谷歌appscript。它应该显示搜索的组号的关联值。我在inputField中编写了搜索，这部分正在工作。数据库中的值的种类和数量可能会发生变化，可能会添加值年龄或删除状态。如果找到的值将显示在彼此之间，那就太好了 For Example: (Values in the database) TeamNumber MyComp FirstName Lastname Status ParterComp FirstNa

我必须为谷歌电子表格中的数据库数据库制作一个html接口。因此，我不得不使用谷歌appscript。它应该显示搜索的组号的关联值。我在inputField中编写了搜索，这部分正在工作。数据库中的值的种类和数量可能会发生变化，可能会添加值年龄或删除状态。如果找到的值将显示在彼此之间，那就太好了

For Example:
(Values in the database)
TeamNumber MyComp FirstName Lastname Status   ParterComp FirstName LastName
  3                 John    Mueller  atwork                Jack     Sparrow
  5                 Ryan     Smith     -                   Ben       Howard
   .....

(html table --> if my search function get TeamNumber 3)
TeamNumber 3
MyComp
Firstname  John
Lastname    Mueller
...

我知道如何在html中创建静态表，但我不知道如何使它们成为动态表。我是新的编码和在这个社区，所以请原谅我，如果有一个错误或什么是不清楚的

我试过这样的东西

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
     
     <table id="DynamicTable">
     </table>
     
  </body>
  
  <script>
  
  // object == found row
  for (var i =0;i<object.length:i++){ 
      AddHTML +="<tr>"      

      for( var j=0;j<=i;j++){
          Addhtml += "<th>" +head[j].name + "</th>";
          Addhtml += "<td>" +data[j].name + "</td>";
      }
  
      AddHtml +="</tr>" ;  
 } 
  
  </script>
</html>

真正的代码在我工作的地方。

我的方法正确吗？

如果您想要像您的DB示例那样的水平输出，则不能将TH和TD混合在一行中。表有固定的结构TR，其中TH子项作为1行标题，然后TR和TDs作为下一行，等等。如果将TD放在同一行中TH的旁边，然后结束TR，则会得到这样一个旋转的结果

下面是一个演示，其中包含从值生成的数据，并根据需要创建表结构？如果你喜欢我的答案，介意在投票下点击“接受”按钮。。。 var AddHTML=； var object=getObject；

对于var i=0；我知道你尝试了什么。另一个问题是，我不知道如何将javascript链接到表中。阅读Google Apps脚本中的通信，这应该会让你开始尝试以下内容：