Подтвердить что ты не робот

Как сделать таблицу HTML сортируемой с помощью javascript без загрузки данных через AJAX?

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

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

Что я не ищу:

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

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

Что касается проблемы аналогичных, существующих вопросов о переполнении стека

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

4b9b3361

Ответ 1

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

Ответ 2

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

Ответ 4

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

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

EDIT: MediaWiki переключился на версию Tablesorter, начиная с 86088 (апрель 2011 г.).

Ответ 5

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

Ответ 6

1-Загрузите sorttable.js

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

3-Отметьте таблицу как сортируемую, предоставив ей класс "sortable":

<table class="sortable">