Tablesorter没有排序(Jquery 1.8)

时间:2013-01-09 12:12:27

标签: javascript jquery html html-table tablesorter

我对我的问题进行了很多研究,但我找不到答案。

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

1 个答案:

答案 0 :(得分:3)

对于标题(用户名和角色),请使用<th>代替<td>

See this JSFiddle

使用此:

    <thead>
        <tr>
            <th>Username</th>
            <th>Role</th>
        </tr>
    </thead>

而不是:

<thead>
        <tr>
            <td>Username</td>
            <td>Role</td>
        </tr>
    </thead>