Кто-нибудь знает плагин или встроенную функцию для сортировки столбцов в таблице? т. е. я нажимаю на заголовок столбца и сортирует строки по этому столбцу?jQuery table header sort
ответ
Ext JavaScript library очень хорошо.
http://tablesorter.com/docs/ очень прост в использовании с широким спектром возможностей в соответствии с вашими потребностями. :)
TableSorter является удивительным – 2008-10-15 00:19:52
Немного тяжеловес, но в конечном итоге менеджер таблицы JQuery является jqGrid
Flexigrid является очень популярным, и простой менеджер таблицы/сортировщик для использования.
Вот два, что-то и делать много других вещей, как хорошо, что я еще не вижу в списке:
Здесь также таблица сравнения множества таблиц данных: http://blog.sematext.com/2011/09/19/top-javascript-dynamic-table-libraries/
Плагин 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')
});
});
- 1. Sticky table header
- 2. Scala Swing Table Header
- 3. Fix table header
- 4. Vaadin custom table header
- 5. Bootstrap table header issue
- 6. C# html table sort
- 7. Php sort mysql table
- 8. datatable header sort icon position
- 9. sort table custom td attribute
- 10. Static Html Table Header Code
- 11. Table View Header autoresize issues
- 12. Vertical Table Header Cell Renderer
- 13. По умолчанию Sort tr: table?
- 14. sort table view titanium android
- 15. JSP Table Sort Не работает
- 16. JS table sort by checkbox
- 17. smart-table: Условный st-sort
- 18. Excel Pivot Table Date Sort
- 19. jQuery header header стрелки
- 20. материализовать: make table row accordion header
- 21. Pandas Pyqt реализация table filter sort
- 22. css Autosize header header with glyphicon
- 23. table-header-group и table-footer-group в div
- 24. JQuery datatable numeric sort
- 25. Excel VBA Pivot Table Fill Header
- 26. IE: The Incredible Jumping Table Header
- 27. Smart-Table «st-sort» не работает
- 28. smart-table st-sort только сортировка наполовину
- 29. jquery datatable header header требуется два курсора
- 30. JQuery datatables header colspan
OP попросил JQuery – Homer 2011-03-15 20:42:42