Javascript jQuery datatables-使用排序连接子视图

我正在尝试做以下工作，我有一个表，其中有行，有些行下面有行，可以折叠。请参阅下面的代码

我正在使用脚本：对表进行排序。但是，当我对它们进行排序时，子窗口总是需要位于可视窗口下的同一位置，该窗口按其类或其他内容分组

如何做到这一点

<table id="table">
  <thead>
    <tr>
      <td>id</td>
      <td>actions</td>     
    </tr>
  </thead>
  <tbody>
    <tr class="group-1">
      <td>Row visible</td>
      <td><a href="#" class="collapse">COLLAPSE SUBROWS</a></td>
    </tr>
    <tr class="group-1" style="display: none;">
      <td>Row can be collapsed</td>
      <td>Row can be collapsed</td>
    <tr>
    <tr class="group-2">
      <td>Row visibile 2</td>
      <td>Row visibile 2</td>
    </tr>
  </tbody>
</table>

<script>
  var table = $('#table').DataTable();
</script>