Javascript jQuery数据表多行标题

我使用jquerydatatable来显示一些数据

这是我的名片

我尝试使用引导折叠功能添加折叠/扩展

所以我排了两行

但若您看到控制台，它会抛出一个javascript错误，所以下面的代码不会运行

我怎样才能解决这个问题

这里是html代码：

主题
名称
期间
使用者
主题1
名称1
持续时间1
用户1
aaa
主题2
姓名2
持续时间2
用户2
aaa

使用这种方法感觉不好： 由于搜索的缘故，排序等将打破

作为标题的概念，它将成为下一个

的内容

也许您可以使用不同的方法实现相同的事情，就像您可以拥有子行一样。但您也可以按如下方式解决上述问题：

HTML

<table id="taskTable">
  <thead class="bg-light text-capitalize">
    <tr>
      <th>Subject</th>
      <th>Name</th>
      <th>Duration</th>
      <th>User</th>
    </tr>
    <tr style="display:none;">
      <th colspan="4"></th>
    </tr>
  </thead>
  <tbody>
    <tr data-toggle="collapse" data-target="#demo1">
      <td>Subject1</td>
      <td>Name1</td>
      <td>Duration1</td>
      <td>User1</td>
    </tr>
    <tr id="demo1">
      <td colspan="4">aaa</td>
      <td style="display: none;"></td>
      <td style="display: none;"></td>
      <td style="display: none;"></td>
    </tr>
    <tr data-toggle="collapse" data-target="#demo2">
      <td>Subject2</td>
      <td>Name2</td>
      <td>Duration2</td>
      <td>User2</td>
    </tr>
    <tr id="demo2">
      <td colspan="4">aa2</td>
      <td style="display: none;"></td>
      <td style="display: none;"></td>
      <td style="display: none;"></td>
    </tr>
  </tbody>
</table>

---

它可以工作，但如果这不是正确的方法，你会推荐什么？@Guru如果你排序或搜索，那么你可能不会首先得到标题，而它下面是子标题。我也更新了答案。

$("#taskTable").dataTable({
  "ordering": false
});