你将如何实现表的排序机制？

Question

我知道Stack Overflow不是解决我的问题，而是提出具体问题。 但是我需要为html表实现一个sort函数，并且不知道如何去做。 用户应该能够单击列标题，然后应该按该列对表进行排序。 该表如下所示：

Answer 1

如果您使用的是jquery，请使用datatables jquery插件。它是一个高度灵活的工具

http://www.datatables.net/

Answer 2

由于你正在使用jquery，你可以使用TableSorter插件为你做这件事。

有many others所以请浏览并查看最适合您用例的内容。

Answer 3

有几个插件可用于jQuery。试试这个http://tablesorter.com

将此库添加到您的页面，如

<script type="text/javascript" src="<your-path>/jquery.tablesorter.js"></script>

将名为tablesorter的班级应用到您的表格并说出$(".tablesorter").tablesorter();

Answer 4

您可以使用List.js原因

1. 它的轻量级[仅3K脚本]
2. 使用类
在现有HTML表格中轻松实现
3. 可搜索，可排序和可过滤

<强> HTML

<div id="my-list">
    <ul class="list">
       <li>
           <h3 class="name">Luke</h3>
       </li>
       <li>
           <h3 class="name">John</h3>
       </li>
    </ul>
</div>

<强>的Javascript

var options = {
    valueNames: ['name']
};
var myList = new List('my-list', options);