将HTML表格单元格拆分为两列，表格没有标题

Question

我在这里看到了一些关于如何执行此操作的其他示例，但他们都在colspan="2" HTML标记中使用了<th>。在我的情况下，我没有任何标题，所以我试图弄清楚我是如何做到的。

任何建议都将不胜感激。这是我尝试做的一个快速的小例子：

＆＃13;

＆＃13;

<table border="1">
  <tbody>
    <tr>
      <td class="td-modal">Name:</td>
      <td>Randon name</td>
    </tr>
    <tr>
      <td class="td-modal">Project Name:</td>
      <td>XYZ</td>
    </tr>
    <tr>
      <td class="td-modal">Proj #:</td>
      <td>12345</td>
    </tr>
  </tbody>
</table>

＆＃13;

＆＃13;

＆＃13;

我如何才能将最后一个单元格<td>12345</td>分成两列？

Answer 1

到目前为止有两种选择。

1。您可以为每秒TD添加colspan = 2，除了它自己，如下所示：

{{1}}

2。您可以在td中嵌入另一个表，如下所示（不需要为每个第二个td放置colspan = 2）

{{1}}

Answer 2

您可以在每行的第二个colspan=2元素中使用<td>：

<table border="1">
    <tbody>
        <tr>
            <td class="td-modal">Name:</td>
            <td colspan=2>Randon name</td>
        </tr>
        <tr>
            <td class="td-modal">Project Name:</td>
            <td colspan=2>XYZ</td>
        </tr>
        <tr>
            <td class="td-modal">Proj #:</td>
            <td>12345</td>
            <td>67890</td>
        </tr>
    </tbody>
</table>