4

我有简单的 HTML 表，我需要在 jQuery 中的每一列上添加排序和分组。

<table cellspacing='0'>
<thead>
    <tr>
        <th>Task Details</th>
        <th>Progress</th>
        <th>Vital Task</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Create pretty table design</td>
        <td>100%</td>
        <td>Yes</td>
    </tr>

</tbody>

4

4 回答 4

4

您可以为此使用tablesorter 。使用起来非常简单。

$(document).ready(function() { 
   $("#myTable").tablesorter();  // <-- 'myTable' is the id of your table    
});

在这里你可以查看一个工作演示

于 2013-06-19T13:36:56.000 回答
4

有各种插件可以使用 jQuery 执行此操作。最著名的是 jQuery tablesorter：

http://tablesorter.com/docs/

这里有很多这样的插件，选择你最喜欢的一个：

http://www.tripwiremagazine.com/2013/06/jquery-filter-sort-plugins.html

于 2013-06-19T13:37:07.560 回答
4

我建议使用datatables，你可以这样使用：

$(document).ready(function(){
    $('#example').dataTable();
});
于 2013-06-19T13:38:29.163 回答
0

不要重新发明轮子。使用jquery tablesorter插件。

于 2013-06-19T13:36:56.343 回答