你將如何實現一個表的排序機制？

Question

我知道Stackoverflow不是解決我的問題，而是提出具體問題。 但我需要實現一個HTML表的排序功能，並不知道如何去做。 用戶應該能夠點擊列標題，然後應該按該列對錶格進行排序。 表看起來是這樣的：

感謝您的幫助。

Answer 1

有幾個插件可用於jQuery。試試這個http://tablesorter.com

這個庫添加到您的網頁像

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

稱爲tablesorter類適用於你的表，說$(".tablesorter").tablesorter();

Answer 2

由於您使用的是jQuery，因此您可以使用TableSorter插件爲您做到這一點。

還有many others所以瀏覽一下，看看哪一個最適合您的用例。

Answer 3

如果您正在使用jQuery，使用數據表的jQuery插件。它是一種高度靈活的工具

http://www.datatables.net/

Answer 4

可以使用List.js原因

1. 它是輕量級的[僅3K腳本]
2. 容易使用類
3. 搜索，排序和過濾

HTML在您現有的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);