我对我的问题进行了很多研究,但我找不到答案。
tablesorter
没有排序,我不知道为什么?。
这是我的测试文件。你能告诉我,我做错了吗?
<html>
<head>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#sortable").tablesorter();
});
</script>
</head>
<body>
<table id="sortable">
<thead>
<tr>
<td>Username</td>
<td>Role</td>
</tr>
</thead>
<tbody>
<tr>
<td>SuperAdmin</td>
<td>SuperAdministrator</td>
</tr>
<tr>
<td>Simon</td>
<td>SuperAdministrator</td>
</tr>
<tr>
<td>Manfred</td>
<td>Administrator</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
</tr>
</tbody>
</table>
</body>
</html>
我有jQuery文件,tablesorter.js ......
文件已正确加载,因为我可以读取它们(使用firebug)......
请帮助我,因为我不想自己写tablesorter
。
答案 0 :(得分:3)
对于标题(用户名和角色),请使用<th>
代替<td>
使用此:
<thead>
<tr>
<th>Username</th>
<th>Role</th>
</tr>
</thead>
而不是:
<thead>
<tr>
<td>Username</td>
<td>Role</td>
</tr>
</thead>