jQuery表头排序

有人知道插件或内置函数使表中的列可以排序吗? 即我点击列标题并按该列对行进行排序?

http://www.flexigrid.info/

Flexigrid是一个非常流行,易于使用的表管理器/分类器。

这里有两个排序和做很多其他事情,我还没有看到列出:

  • 数据表
  • SlickGrid

这里还有一个比较许多数据表的表: http : //blog.sematext.com/2011/09/19/top-javascript-dynamic-table-libraries/

有点重量级,但最终的jQuery表管理器是jqGrid

一个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:

 
Name Address Sales Person
{{person.name}} {{person.address}} {{person.salesperson}}

现在,每次您想按销售员排序时,只需调用它:

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

看到:

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

关于小提琴的工作实例

Ext JavaScript库非常擅长。