javascript - 您将如何为表实现排序机制？

Question

我知道 Stack Overflow 不是为了解决我的问题，而是为了提出具体问题。但我需要为 html 表实现排序功能，但不知道该怎么做。用户应该能够单击列标题，然后该表应按该列排序。该表如下所示：

Answer 1

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

http://www.datatables.net/

Answer 2

由于您使用的是 jquery，因此您可以使用TableSorter插件为您执行此操作。

还有很多其他的，所以请浏览一下，看看哪个最适合您的用例。

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);