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

Question

我创建了这个数据表：

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

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

http://45.79.248.19:8080/songs

Answer 1

来自您的代码：

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

您正在将 th 放入 tbody。那就是问题所在。您需要将 th 放在 thead 标记中，因为它允许 DataTables 知道列 headers 和 click-to-order 控件应该使用什么。

Fiddle

更多信息here。