-2

为我的表实现通用 jQuery 排序解决方案的最佳方法是什么，以便当用户单击 thead 元素时，它将按字母或数字顺序对列进行排序。这是我的代码：http: //jsfiddle.net/uJmJ7/

<table class="ui-widget" style="border-collapse: collapse;">
    <thead class="ui-widget-header">
        <tr>
            <th>Module Code</th>
            <th>Module Name</th>
            <th>Module Grade</th>
        </tr>
    </thead>
    <tbody class="ui-widget-content">
        <tr>
            <tr class="moduleList">
                <td class="moduleList_id">SB005</td>
                <td class="moduleList_name">Accounting</td>
                <td class="moduleList_grade">79</td>
            </tr>
            <tr class="moduleList">
                <td class="moduleList_id">SA572</td>
                <td class="moduleList_name">Statistics</td>
                <td class="moduleList_grade">45</td>
            </tr>
            <tr class="moduleList">
                <td class="moduleList_id">SA570</td>
                <td class="moduleList_name">Methods for Business</td>
                <td class="moduleList_grade">56</td>
            </tr>
            <tr class="moduleList">
                <td class="moduleList_id">SA526</td>
                <td class="moduleList_name">Finance</td>
                <td class="moduleList_grade">89</td>
            </tr>
            <tr class="moduleList">
                <td class="moduleList_id">SA512</td>
                <td class="moduleList_name">Leisure</td>
                <td class="moduleList_grade">66</td>
            </tr>
            <tr class="moduleList">
                <td class="moduleList_id">SA510</td>
                <td class="moduleList_name">Environment</td>
                <td class="moduleList_grade">30</td>
            </tr>
        </tr>
    </tbody>
</table>
4

1 回答 1

1

您可能想研究具有此功能的插件或类似 KendoUI 的东西......

剑道UI

数据表网

于 2013-02-15T16:36:32.090 回答