10 лучших подключаемых модулей JavaScript для сортировки таблиц по столбцам (обновление 2023 г.)
Что такое сортировка таблиц
Сортировка таблиц — это широко используемая функция управления данными, которая позволяет пользователю сортировать табличные данные в таблице HTML по возрастанию или убыванию.
Предположим, у вас есть таблица HTML и вы хотите отсортировать данные по имени пользователя, возрасту, адресу электронной почты. Для реализации этой функции вам нужен плагин сортировки таблиц.
Лучший плагин для сортировки таблиц:
Вот 10 лучших плагинов для сортировки таблиц jQuery и Vanilla JavaScript, которые позволяют сортировать HTML-таблицы и улучшают чтение больших табличных данных в вашем веб-приложении. Веселиться.
Первоначально опубликовано 15 сентября 2020 г., обновлено 06 марта 2023 г.
Лучшие плагины сортировки таблиц jQuery
Плагин сортировки таблиц с широкими возможностями настройки с jQuery — Stupid Table
Легкий, но очень настраиваемый плагин сортировки html-таблиц jQuery, который позволяет сортировать любые столбцы таблицы по пользовательскому типу данных, который вы укажете.
[Демо] [Скачать]
Плагин jQuery для сортировки таблиц по нескольким столбцам -tablesort.js
Еще один плагин jQuery для сортировки таблиц по нескольким столбцам, который позволяет сортировать ячейки таблицы, используя сравнение строк или пользовательскую сортировку. функции.
[Демо] [Скачать]
Включить сортировку, фильтрацию и разбиение на страницы для таблицы — jQuery fancyTable
Плагин jQuery fancyTable добавляет молниеносную быструю сортировку на стороне клиента, разбивку на страницы и поиск в реальном времени в вашу большую таблицу данных .
[Демо] [Скачать]
Разбиение на страницы, фильтрация и сортировка динамических данных в таблице — Table Sortable
Плагин Table Sortable jQuery помогает вам отображать настраиваемую таблицу динамических данных из объектов JSON или JavaScript с разбиением на страницы , живой фильтр и возможности сортировки данных.
[Демо] [Скачать]
Плагин jQuery для сортируемых и доступных для поиска таблиц — Tablesort
Еще один плагин сортировки таблиц jQuery, который позволяет сделать ваши html-таблицы сортируемыми и доступными для поиска.
[Демо] [Скачать]
Лучшие плагины для сортировки таблиц vanilla JS
Библиотека сверхбыстрой сортировки HTML-таблиц — sortable.js
JavaScript-библиотека sortable.js позволяет сортировать любую статическую или динамическую HTML-таблицу. Молниеносно быстрый и простой в реализации.
[Демо] [Скачать]
Минимальный сортировщик таблиц В JavaScript — table-sort.js
Минимальный сортировщик таблиц, который легко реализовать, просто добавив класс CSS table-sort к тегу table.
[Демо] [Скачать]
Сделать таблицу HTML сортируемой с помощью библиотеки таблицы сортировки
Небольшая библиотека JavaScript, которая применяет функции сортировки к вашей таблице HTML.
[Демо] [Скачать]
Сортировка HTML-таблицы в алфавитном или числовом порядке – Сортируемые таблицы
Плагин JavaScript для сортируемых таблиц, который позволяет пользователю сортировать столбцы таблицы в алфавитном или числовом порядке.
[Демо] [Скачать]
Минимальная библиотека сортировки таблиц — sorTable.js
sorTable.js — это чрезвычайно легкая библиотека JavaScript, используемая для сортировки строк таблицы по алфавиту и номеру без каких-либо зависимостей.
[Демо] [Скачать]
Дополнительные ресурсы:
Хотите больше подключаемых модулей jQuery или библиотек JavaScript для создания сортируемых HTML-таблиц в Интернете и на мобильных устройствах? Ознакомьтесь с разделами Сортировка таблиц jQuery и Сортировка таблиц JavaScript.
См. также:
- 10 лучших плагинов для пагинации таблиц
- 10 лучших плагинов для фильтрации таблиц
- 10 лучших систем таблиц/сеток данных в JavaScript
- 10 лучших адаптивных плагинов для таблиц на JavaScript и CSS
- 10 лучших плагинов для экспорта таблиц в JavaScript
- 10 лучших плагинов JavaScript для заголовка Sticky Table
- 5 лучших плагинов Tree Table в JavaScript
5+ Плагины для сортировки таблиц jQuery 2022 (бесплатные и платные)
Обновлено
3 июля 2020 г.
по Neeraj Agarwal
Сегодня мы здесь, чтобы познакомить вас с лучшими плагинами для сортировки таблиц jQuery.
Я знаю, вам может быть интересно, как эти плагины работают на вашем сайте.
Эти плагины позволяют систематизировать ваши данные.
Итак, если вы хотите установить различные шаблоны или текстуры на таблицу ваших веб-страниц или хотите выделить строки и столбцы, тогда эти плагины сортировки таблиц jQuery — лучший вариант.
Кроме того, они также позволяют вам представлять данные в графической форме, сортировать таблицу по возрастанию и убыванию и многое другое.
Кроме того, плагины для сортировки таблиц jQuery полностью переполнены такими функциями, как небольшой размер кода и фильтрация данных для ваших веб-приложений.
В этом блоге собраны бесплатные и платные плагины jQuery для сортировки таблиц. Все наши скомпилированные плагины легковесны, совместимы с разными браузерами и адаптивны по своей природе.
У нас также есть еще несколько плагинов jQuery для вас:
- плагины jQuery Pull to Refresh
Плагины Pull to Refresh помогут вам легко и привлекательно добавить функцию Pull to Refresh на ваш веб-сайт.
- Плагины мастера форм jQuery
Эти плагины позволяют владельцу веб-сайта добавлять мастер на HTML-страницу веб-сайта.
- Плагины карт изображений jQuery
Плагины карт изображений помогут вам создать карту изображений на карте изображений на веб-сайте.
1. Grid Pro — часть плагинов jQuery для сортировки таблиц
Grid Pro — это расширенный плагин jQuery, который позволяет отображать данные массива в виде таблицы и помогает фильтровать данные таблицы.
По сути, он позволяет добавлять HTML-ссылки в каждый столбец и строку таблицы. Кроме того, это дает вам возможность фильтрации в реальном времени, которая помогает вам легко настраивать данные таблицы.
ЦЕНА:
Плагин Grid Pro jQuery, который стоит вам 6 долларов США с пожизненными обновлениями и 6-месячной поддержкой. Чтобы использовать его более продвинутые функции, вы должны заплатить 30 долларов.
ОСОБЕННОСТИ:
- Вы можете вводить данные в различные поля ввода: текстовые символы, числа, даты и изображения.
- Этот плагин помогает вам сортировать таблицу по возрастанию и убыванию, щелкая по заголовку подходящего столбца.
- Позволяет фильтровать данные по типу ввода: дате, номеру, поиску, диапазону данных, диапазону номеров и списку данных.
- Также позволяет указать количество строк и столбцов таблицы на странице.
Подробнее здесь
jQuery TablePro — это легкий плагин, позволяющий выполнять сортировку и фильтрацию списка данных. Это поможет вам отсортировать данные таблицы в порядке возрастания или убывания.
Этот плагин очень маленького размера, т.е. 5 КБ, и его можно легко интегрировать с любой веб-страницей.
Он включает в себя такие файлы, как JavaScript JS, HTML, CSS и многослойный PNG.
ЦЕНА:
Этот плагин стоит 6 долларов США с 6-месячной поддержкой клиентов и пожизненными обновлениями. Кроме того, чтобы активировать расширенные функции, вы можете купить расширенный план за 30 долларов.
ХАРАКТЕРИСТИКИ:
- Вы можете продемонстрировать данные веб-страниц в графическом представлении, нажав на столбец заголовка.
- Этот плагин включает в себя два типа графического представления, слева и справа.
- Также позволяет добавлять анимированные графики на стол.
- Плагин jQuery TablePro кроссбраузерно совместим с IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome.
Подробнее здесь
3. Tablesorter — часть подключаемых модулей jQuery для сортировки таблиц
Tablesorter — это простой подключаемый модуль jQuery, который позволяет превратить стандартную HTML-таблицу с тегами THEAD и TBODY в упрощенную таблицу без обновления страниц.
Это помогает вам сортировать любой список данных, включая данные ссылок в ячейке, и включает в себя множество новых улучшений, таких как липкие заголовки, фильтры столбцов и изменение размера.
ЦЕНА:
Это бесплатный плагин с открытым исходным кодом.
ХАРАКТЕРИСТИКИ:
- Позволяет выполнять многоколоночную буквенно-цифровую сортировку и фильтрацию таблицы базы данных.
- Вы также можете использовать синтаксический анализатор для сортировки дат, времени, буквенно-цифровых текстов, URL-адресов, целых чисел и валюты.
- Этот плагин также позволяет редактировать строки, т. е. выбирать любой редактируемый элемент в таблице и редактировать его на месте.
- Плагин Tablesorter имеет небольшой размер кода, начиная с уменьшенного размера 25K.
Подробнее здесь
4. Mr.JsonTable — часть подключаемых модулей сортировки таблиц jQuery
Mr.JsonTable — это гибкий, продуманный подключаемый модуль jQuery для сортировки и фильтрации.
Это позволяет вам брать данные JSON из таблицы HTML с сортировкой страниц и скрытием столбцов.
Также есть возможность показать тип столбцов и тип данных. Далее вы можете скрывать и показывать столбцы данных таблиц.
ЦЕНА:
Купите этот jQuery-плагин Mr.JsonTable, не тратя ни копейки, так как он бесплатный.
ОСОБЕННОСТИ:
- Позволяет отображать базовый объект данных JSON, не задействуя в нем вложенный цикл.
- Этот плагин позволяет сортировать столбцы типов данных — string, int, float и datetime.
- Вы можете отображать несколько таблиц данных одновременно на одной и той же веб-странице.
- Также есть возможность установить веб-страницы и размер страницы на сайте.
Подробнее здесь
Tablesorter Static Row — крошечный и очень простой плагин jQuery для сортировки данных в таблицах. Это помогает вам пометить строки как «статические», поэтому вы можете заморозить любую конкретную строку или столбец или и то, и другое.
С помощью этого подключаемого модуля добавьте класс «static» к любой из строк, присутствующих в таблице, для которых вы хотите отменить сортировку .
ЦЕНА:
Загрузите и добавьте этот плагин jQuery на свой веб-сайт бесплатно.
ОСОБЕННОСТИ:
- Плагин минимизирован, что означает небольшой размер кода.
- Он хорошо документирован, что поможет вам лучше понять функции плагина.
Подробнее здесь
6. jQuery Table Sort — часть плагинов сортировки таблиц jQuery
jQuery Table Sort — это до глупости простой и легкий плагин таблицы сортировки jQuery, который позволяет сортировать по столбцам и разным типам. Этот плагин хорошо документирован, что поможет вам со всеми функциями плагина.
Позволяет сдвигать или перемещать строки или столбцы таблицы, используя «.up» для перемещения вверх и «.down» для перемещения вниз.
ЦЕНА:
jQuery Table Sort — это бесплатный плагин с открытым исходным кодом.