数据表排序 - 通过单击标题进行排序

【问题标题】：DataTable Sorting - Sorting by a click on the header数据表排序 - 通过单击标题进行排序
【发布时间】：2021-07-30 02:34:12
【问题描述】：

我已经创建了这个数据表：

<script type="text/javascript">
  $(document).ready(function() {
    const table1 = $('#songs').DataTable({
      searching: false,
      paging: false
    });
  });
</script>

但是当我点击标题时没有任何反应

http://45.79.248.19:8080/songs

【问题讨论】：

请做一个可重现的例子。
请使用JSFiddle 或类似工具创建一个可重现的示例。（当我运行您在问题中提供的代码时，它可以正常工作 - 排序没有问题）。

标签： jquery datatable datatables datatables-1.10

【解决方案1】：

来自您的代码：

<tbody>
  <tr>
    <th>BPM</th>
    <th>ARTIST</th>
    <th>ALBUM</th>
    <th>LABEL</th>
    <th>SONG</th>
  </tr>
  ...

您将th 放入tbody。那就是问题所在。您需要将th 放入thead 标记中，因为它允许DataTables 知道应该为列标题和点击订购控件使用什么。

Fiddle

更多信息here。

【讨论】：