没有Ajax和Javascript的DataTables嵌套表

Question

我在我的项目中使用DataTables.Js。我想在每行之后添加一个嵌套表，但是没有Ajax或javascript，只需要PURE HTML。下面是一个例子。

#example th {
  background: #eeb;
  border: solid 1px #eba;
}
#example td {
  background: #ddd;
  border: solid 1px #4a4;
}
#example table td {
  background: #ccf;
  border: solid 1px #555;
}

<table cellpadding="0" cellspacing="0" border="0" class="dataTable" id="example">
  <thead>
    <tr>
      <th>Rendering engine</th>
      <th>Browser</th>
      <th>Platform(s)</th>
      <th>Engine version</th>
      <th>CSS grade</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Trident</td>
      <td>Internet Explorer 4.0</td>
      <td>Win 95+</td>
      <td>4</td>
      <td>X</td>
    </tr>
    <tr>
      <td colspan="5">
        <table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">
          <tbody>
            <tr>
              <td>Full name:</td>
              <td>Airi Satou</td>
            </tr>
            <tr>
              <td>Extension number:</td>
              <td>5407</td>
            </tr>
            <tr>
              <td>Extra info:</td>
              <td>And any further details here (images etc)...</td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
    <tr>
      <td>Trident</td>
      <td>Internet Explorer 5.0</td>
      <td>Win 95+</td>
      <td>5</td>
      <td>C</td>
    </tr>
  </tbody>
</table>

表格呈现但排序过滤器不起作用。我该如何解决这个问题，以便排序过滤器工作，细节行总是响应父行过滤？