jQuery表標題排序

Question

任何人都知道插件或內置函數使表中的列可排序嗎？即我點擊列標題並按列排序行？

Answer 1

Ext JavaScript library非常擅長。

Answer 2

http://tablesorter.com/docs/是非常簡單的使用範圍廣泛的選項，以滿足您的需求。 :)

Answer 3

有點重量級的，但最終的jQuery表管理器是jqGrid

Answer 4

http://www.flexigrid.info/

Flexigrid是一個非常受歡迎的，而且容易表管理器/排序使用。

Answer 5

下面是兩塊排序和做很多其他的事情，以及我並沒有看到上市：

• DataTables
• SlickGrid

這裏也是比較多的數據表的表： http://blog.sematext.com/2011/09/19/top-javascript-dynamic-table-libraries/

Answer 6

jquery插件，使排序，篩選和分頁：breedjs

例子：

放在一個JS對象中的數據做就像這樣：

var data = { 
    people: [ 
     {name: 'a', address: 'c', salesperson: 'b'}, 
     {name: 'b', address: 'b', salesperson: 'a'}, 
     {name: 'c', address: 'a', salesperson: 'c'}, 
    ] 
}; 

breed.run({ 
    scope: 'people', 
    input: data 
}); 

HTML：

<table> 
    <thead> 
     <tr> 
      <th sort='name'>Name</th> 
      <th sort='address'>Address</th> 
      <th sort='salesperson'>Sales Person</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr b-scope="people" b-loop="person in people"> 
      <td b-sort="name">{{person.name}}</td> 
      <td b-sort="address">{{person.address}}</td> 
      <td b-sort="salesperson">{{person.salesperson}}</td> 
     </tr> 
    </tbody> 
</table> 

現在，每當你想通過銷售人員進行排序，只叫它：

breed.sort({ 
    scope: 'people', 
    selector: //field name 
}); 

請參閱：

$("th").click(function(){ 
    breed.sort({ 
     scope: 'people', 
     selector: $(this).attr('sort') 
    }); 
}); 

Working example on fiddle