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

Question

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

Answer 1

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

Answer 2

http://www.flexigrid.info/

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

Answer 3

Вот два вида, которые делают и делают много других вещей, которые я еще не видел в списке:

• DataTables
• SlickGrid

Вот также таблица, сравнивающая множество таблиц данных: http://blog.sematext.com/2011/09/19/top-javascript-dynamic-table-libraries/

Answer 4

Немного тяжелый, но лучший менеджер таблиц jQuery - jqGrid

Answer 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')
    });
});

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

Answer 6

Библиотека JavaScript Ext очень хороша в этом.