Как я могу сделать таблицу HTML сортируемой с помощью JavaScript без загрузки данных через AJAX? - PullRequest
20 голосов
/ 04 июня 2009

Как я могу сделать таблицу сортируемой с помощью JavaScript без загрузки данных через AJAX? В частности, я ищу решение, которое дает мне следующее:

  • Работает на простой старой HTML-таблице
  • Делает столбцы сортируемыми, используя естественное сравнение
  • Не зависит от серверной технологии (должен быть переносимым независимо от того, отображаются ли таблицы JSP, PHP и т. Д.)
  • Реализовано предпочтительно как расширение JQuery, которое я уже использую в конкретном проекте, к которому я хотел бы немедленно применить это. Я открыт для предложений, касающихся другого фреймворка javascript, такого как YUI, но он должен хорошо работать с JQuery.

Что я не ищу:

  • Решение, которое требует, чтобы я заполнял данные с помощью вызова AJAX. Я хотел бы применить это в проекте, который имеет ряд простых старых таблиц HTML для таких вещей, как результаты поиска, которые я хотел бы быстро сделать сортируемыми без перезаписи какого-либо серверного кода.
  • пейджинг.
  • фильтрация.
  • Возможность указать произвольную логику сравнения.

Я намеренно опускаю наш технологический стек для конкретного проекта, над которым я сейчас работаю, но включу его, если люди почувствуют, что это абсолютно необходимо. Опять же, меня больше всего интересуют решения, которые ничего не затрагивают на сервере. Существует множество проектов, написанных на самых разных языках, которые могут использовать немного любви в этой области.

Относительно вопроса подобных, существующих вопросов о переполнении стека

Я немного покопался, и самый близкий вопрос, который я могу найти, - этот . Однако мои требования немного отличаются, поэтому я решил задать новый вопрос.

Ответы [ 6 ]

24 голосов
/ 04 июня 2009

Плагин jquery tableorter работает очень хорошо.

4 голосов
/ 04 июня 2009

Tablesorter - это плагин jQuery, который работает аналогично sortable.js, превращая обычную таблицу HTML в сортируемую.

3 голосов
/ 04 июня 2009

Попробуйте sortable.js .

1 голос
/ 16 февраля 2015
  1. Загрузить sorttable.js

  2. Включите sorttable.js, поместив ссылку на него в ГОЛОВУ вашей страницы, например:

    <script src="sorttable.js"></script>
    
  3. Отметьте свой стол как сортируемый, присвоив ему класс sortable:

    <table class="sortable">
    
1 голос
/ 28 сентября 2012

Мне действительно нравится таблица сортировки Тристена . Он свободен от зависимостей, легок и не требует много стилей / не портит ваш собственный стиль!

1 голос
/ 04 июня 2009

Наряду с ответом OrbMan, вы можете посмотреть wikibits.js , который является версией кода сортировки MediaWiki. Он не требует никакого AJAX или специального кода клея, просто простой класс (сортируемый) для обозначения сортируемых таблиц.

Код свободно лицензируется и используется в производстве на всех сайтах Викимедиа.

РЕДАКТИРОВАТЬ: MediaWiki перешел на версию Tablesorter , начиная с 86088 (апрель 2011 г.).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...