Сортировка заголовка таблицы jQuery

Кто-нибудь знает плагин или встроенную функцию для сортировки столбцов в таблице? т.е. я нажимаю на заголовок столбца и сортирует строки по этому столбцу?

Ответы

Ответ 1

http://tablesorter.com/docs/ очень прост в использовании с широким спектром возможностей в соответствии с вашими потребностями.:)

Ответ 2

http://www.flexigrid.info/

Flexigrid - очень популярный и простой менеджер таблиц/сортировщик для использования.

Ответ 4

Маленький тяжеловес, но конечный менеджер таблиц jQuery jqGrid

Ответ 5

Плагин 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')
    });
});

Рабочий пример на скрипке