html - 嵌套的 HTML 表格

Question

我需要用 HTML 制作下一个 Theader

http://puu.sh/bU2Fn/2e26a2591c.jpg

问题是我目前在“计划熟悉 - Citol”中的“3级菜单”时被卡住了

这是我目前得到的：

http://puu.sh/bU2WN/58872a7f57.png

    <table class="table table-bordered table-condensed table-responsive">

  <tr>
    <th rowspan="2">N°</th>
    <th rowspan="2">Nombres y apellidos</th>
    <th rowspan="2">Edad</th>
    <th rowspan="2">Cedula</th>
    <th colspan="6">Plan familiar</th>
    <th rowspan="2">N° gesta</th>
    <th colspan="16">Control prenatal</th>
    <th colspan="8">Control Post-natal</th>
  </tr>

<tr>

<th>
<td>P</td>
<td>S</td>
<td>G.O</td>
<td>DIU</td>
<td>Citol</td>
</th>

<th>
    <td>P</td>
    <td><13 Sem</td>
    <td>>13Sem</td>
    <td><19 años</td>
    <td>>19 años</td>
    <td>sem gesta</td>
    <td>S</td>
    <td>ARO</td>
    <td>VDLR</td>
    <td>HIV</td>
    <td>Citol</td>
    <td>Pat</td>
    <td>Acid Fol</td>
    <td>Sulf Fer</td>
    <td>Poli vit</td>
</th>



<th>
    <td>P</td>
    <td><7 D</td>
    <td>>8 D</td>
    <td>S</td>
    <td>Acid Fol</td>
    <td>Sulf Fer</td>
    <td>Poli vit</td>
</th>


  </tr>

</table>

Answer 1

好吧，你的问题与 Bootstrap 无关，但是你去：

<table class="table table-bordered table-condensed table-responsive">
    <tr>
        <th rowspan="2">N°</th>
        <th rowspan="2">Nombres y apellidos</th>
        <th rowspan="2">Edad</th>
        <th rowspan="2">Cedula</th>
        <th colspan="6">Plan familiar</th>
        <th rowspan="2">N° gesta</th>
        <th colspan="16">Control prenatal</th>
        <th colspan="8">Control Post-natal</th>
    </tr>
    <tr>
        <td>P</td>
        <td>S</td>
        <td>G.O</td>
        <td>DIU</td>
        <td>Citol
            <table>
                <tr>
                    <td>P</td>
                    <td>S</td>
                </tr>
            </table>
        </td>
        <td>P</td>
        <td>13 Sem</td>
        <td>13Sem</td>
        <td>19 años</td>
        <td>19 años</td>
        <td>sem gesta</td>
        <td>S</td>
        <td>ARO</td>
        <td>VDLR</td>
        <td>HIV</td>
        <td>Citol</td>
        <td>Pat</td>
        <td>Acid Fol</td>
        <td>Sulf Fer</td>
        <td>Poli vit</td>
        <td>P</td>
        <td>7 D</td>
        <td>8 D</td>
        <td>S</td>
        <td>Acid Fol</td>
        <td>Sulf Fer</td>
        <td>Poli vit</td>
    </tr>
</table>

如果你想检查和玩，我还添加了一些 CSS ，但当然，它在你身上，你可以随意修改