嵌套的 HTML 表格答案

【问题标题】：Nested HTML table嵌套的 HTML 表格
【发布时间】：2014-11-25 07:37:11
【问题描述】：

我需要用 HTML 制作下一个 Theader

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

这是我目前得到的：

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

【问题讨论】：

标签： html twitter-bootstrap row html-table col

【解决方案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>

我也有added some CSS，如果你想检查和玩，当然，它在你身上，你可以随意修改

【讨论】：