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

Question

我在这里看到了一些关于如何执行此操作的其他示例，但它们都只使用了 colspan="2"在<th> HTML 标签。在我的例子中，我没有任何 header ，所以我想弄清楚我仍然会怎么做。

如有任何建议，我们将不胜感激。这是我正在尝试做的一个快速的小例子:

<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>

我怎样才能得到最后一个单元格 <td>12345</td>分成两列？

Answer 1

目前有2个选择。

1。您可以为除自身之外的每一秒 TD 添加 colspan=2，如下所示:

<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>

2。您可以在 td 中嵌入另一个表，如下所示(无需为每个 2nd td 放置 colspan=2)

<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>
                <table><tr><td>12345</td>
                <td>67890</td></tr></table>
            </td>
        </tr>
    </tbody>
</table>