Bug in bootstrap table

table_bootstrap_bug.html

<table id="shop_sales_table"
       class="table table-condensed table-striped table-hover"
       data-search="true"
       data-toolbar="#custom-toolbar">
    <thead>
        <tr>
            <th rowspan="2" data-field="id_surr">#</th>
            <th rowspan="2" data-field="id">Raw ID</th>
            <th rowspan="2" data-field="time_sold" data-align="left">Время продажи</th>
            <th colspan="3" data-field="products" data-align="left">Товары</th>
            <th rowspan="2" data-field="total" data-align="left">Итого</th>
        </tr>
        <tr>
            <th data-field="product" data-align="left">Наименование</th>
            <th data-field="count" data-align="left">Кол-во</th>
            <th data-field="sub_total" data-align="left">Подитог</th>
        </tr>
    </thead>
    <tbody>
      <tr>
          <td rowspan="4">
              1
          </td>
          <td rowspan="4">
              1
          </td>
          <td rowspan="4">
              15-01-2016 00:05:26
          </td>
          <td colspan="3">
          </td>
          <td rowspan="4">
              300000
          </td>
      </tr>
      <tr>
          <td>Молоко</td>
          <td>12</td>
          <td>1232312</td>
      </tr>
  
      <tr>
          <td>Хлеб ржаной</td>
          <td>10</td>
          <td>453455</td>
      </tr>
      <tr>
          <td>Батон нарезной</td>
          <td>1</td>
          <td>123213</td>
      </tr>
      <tr>
          <td rowspan="2">
              2
          </td>
          <td rowspan="2">
              2
          </td>
          <td rowspan="2">
              15-01-2016 00:05:26
          </td>
          <td colspan="3">
          </td>
          <td rowspan="2">
              324324
          </td>
      </tr>
      <tr>
          <td>Перфоратор</td>
          <td>11</td>
          <td>2131213</td>
      </tr>
    </tbody>
</table>