Плагин 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')
});
});
Рабочий пример на скрипке