HTML中的三级表头

Question

我无法获得这种表头格式：

这些是我的代码：

<table id="rogueD_tbl" class="table table-bordered table-striped dataTable">

<col>
<colgroup span="10"></colgroup>

<thead>
    <tr>
        <td rowspan="3"> ID </td>
        <td rowspan="2"> UNIT ID </td>
        <td rowspan="2"> UNIT/STATION </td>
        <td rowspan="2"> NO. OF POPULATION </td>

        <th colspan="4" scope="colgroup" > NR. OF FIRE TRUCK     </th>




     </tr>
     <tr>
        <th colspan="2" scope="colgroup" > OPNL </th>
        <th colspan="2" scope="colgroup" > NON OPNL </th>

     </tr>
     <tr>
        <td scope="col">  BFP </td>
        <td scope="col"> LOCAL </td>

        <td scope="col"> BFP </td>
        <td scope="col"> LOCAL </td>
     </tr>

</thead>
<tbody>

</tbody>

我正在尝试实现3级表头，但我认为我忽略了一些相当简单的事情。