Question

我在网上搜索过，但我找不到答案，所以我会问这个问题。

新数据将始终按以下格式进行格式化，并将填入id =＆＃34; content＆＃34;

<tr>
   <td>name</td>
   <td>age</td>
   <td>gender</td>
</tr>

如果您要将<div>放入<td>，我认为您需要在<div>内设<table>。现在，格式不正确。所有新数据都在第一列，而不是每行中的每一个。

<table>
   <tr>
      <th>name</th>
      <th>age</th>
      <th>gender</th>
   </tr>
   <td>
      <div id="contents">
         <tr>
            <td>John</td>
            <td>12</td>
            <td>male</td>
         </tr>
         <tr>
            <td>Jess</td>
            <td>13</td>
            <td>female</td>
         </tr>
      </div>
   <td>
</table>

Answer 1

<强>更新

重新阅读您最有可能需要的结构

<table>
  <thead>
   <tr>
      <th>name</th>
      <th>age</th>
      <th>gender</th>
   </tr>
  </thead>
  <tbody id="contents">
     <tr>
        <td>John</td>
        <td>12</td>
        <td>male</td>
     </tr>
     <tr>
        <td>Jess</td>
        <td>13</td>
        <td>female</td>
     </tr>
  </tbody>
</table>

原始回答

您不能将tr作为div的直接子女。

您需要使用表格

无论

<table>
   <tr>
      <th>name</th>
      <th>age</th>
      <th>gender</th>
   </tr>
   <td>
      <table id="contents">
       <tr>
          <td>John</td>
          <td>12</td>
          <td>male</td>
       </tr>
       <tr>
          <td>Jess</td>
          <td>13</td>
          <td>female</td>
       </tr>
      </table>
   <td>
</table>

或

<table>
   <tr>
      <th>name</th>
      <th>age</th>
      <th>gender</th>
   </tr>
   <td>
      <div id="contents">
       <table>
        <tr>
          <td>John</td>
          <td>12</td>
          <td>male</td>
        </tr>
        <tr>
          <td>Jess</td>
          <td>13</td>
          <td>female</td>
        </tr>
       </table>
      </div>
   <td>
</table>

Answer 2

我认为您希望表完全位于div中，并且所有新数据都在相应的行中，如下所示：

<div id="contents">
  <table>
     <tr>
        <th>name</th>
        <th>age</th>
        <th>gender</th>
     </tr>
     <tr>
        <td>John</td>
        <td>12</td>
        <td>male</td>
     </tr>
     <tr>
        <td>Jess</td>
        <td>13</td>
        <td>female</td>
     </tr>

    </table>
</div>

目前格式错误是因为您试图将整个数据添加到单个单元格（<td>元素）中，这是不正确的。

如何在表格中正确插入<div>？</div>

2 个答案: