DataTable排序-单击标题进行排序

Question

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

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

但当我点击标题时，什么也没发生

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知道应该为列标题和点击排序控件使用什么。

Fiddle

点击此处了解更多信息。