Javascript 带有空字段的HTML表

我现在有一个HTML表格，在添加输入之前只有标题，我想创建一个带有清晰行的表格，在添加数据后可以填充这些行。对于我将如何进行此项工作，如有任何建议/帮助，将不胜感激

当前表格

所需表格

表代码

       <div>
          <table id="requestContents">
              <colgroup>
                  <col style="width: 128px">
                  <col style="width: 136px">
                  <col style="width: 84px">
                  <col style="width: 113px">
                  <col style="width: 123px">
              </colgroup>
              <tr>
                  <th>Request ID</th>
                  <th>Request Type</th>
                  <th>Blood Type</th>
                  <th>Notice</th>
                  <th>Request Date</th>
              </tr>
          </table>
      </div>

每要添加一行，添加一个内有5个空的新行：

<table>
  ...
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

---

您可以-只需循环并添加所需数量的行和列：

var-addRows=3； var列=5； var table=document.getElementByIdrequestContents； 对于var i=0；我不知道该怎么办；i++{ 让行=document.createElementtr； 对于var j=0；j<列；j++{ 让cell=document.createElementtd； 行。子单元格； } 表1.2-3第行； } 请求ID 请求类型 血型 注意 申请日期

---

我不知道我是否理解正确，但是，简单地添加空单元格是可行的，我甚至不理解这个问题的上升趋势……你能详细说明一下你希望它如何工作吗？数据来自哪里？这应该像Excel一样工作吗？编辑：看看你之前的问题，这似乎是一个提交表单的电子应用程序？是否希望在提交表单时添加一行数据？当我通过函数将数据添加到表中时，添加的数据在底部生成另一行，而不是将数据添加到代码创建的第一个字段。您需要针对每个字段，并将innerHTML设置为所需的数据。当我通过函数将数据添加到表中时，添加的数据在底部生成另一行，而不是将数据追加到此代码创建的第一个字段。

<table>
  ...
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>